ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

เหตุการณ์ onhashchange

<object เหตุการณ์

ตัวอย่าง

รัน JavaScript เมื่อส่วนที่ยึดได้รับการเปลี่ยนแปลง:

<body onhashchange="myFunction()">
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

เหตุการณ์ onhashchange เกิดขึ้นเมื่อมีการเปลี่ยนแปลงไปเป็นส่วนหนึ่งสมอ (begins with a '#' symbol) ของ URL ปัจจุบัน

ตัวอย่างของสิ่งที่เป็นส่วนสมอจริง: สมมติว่า URL ปัจจุบันคือ
http://www.example.com/test.htm#part2 - ส่วนที่ยึดของ URL นี้จะเป็น # part2

จะก่อให้เกิดเหตุการณ์นี้คุณสามารถ:

  • เปลี่ยนส่วนสมอโดยการตั้งค่า location.hash หรือ location.href ทรัพย์สินของ วัตถุสถานที่ตั้ง
  • ไปที่หน้าปัจจุบันที่มีบุ๊คมาร์คที่แตกต่างกัน (ใช้ "back" หรือ "forward" ปุ่ม)
  • คลิกที่เชื่อมโยงไปยังผู้ประกาศข่าวบุ๊ก

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เหตุการณ์

เหตุการณ์
onhashchange 5.0 8.0 3.6 5.0 10.6

วากยสัมพันธ์

ใน HTML:

ใน JavaScript:

object .onhashchange=function(){ ลองตัวเอง»

ใน JavaScript โดยใช้ addEventListener() วิธีการ:

object .addEventListener("hashchange", myScript );
ลองตัวเอง»

หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้


รายละเอียดทางเทคนิค

บับเบิ้ล: ใช่
ยกเลิก: ไม่
ประเภทเหตุการณ์: เหตุการณ์
แท็ก HTML ที่รองรับ: <body>
DOM เวอร์ชัน: ระดับที่ 3 เหตุการณ์

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

วิธีการกำหนด "onhashchange" เหตุการณ์ไปยังวัตถุหน้าต่าง:

window.onhashchange = myFunction;
ลองตัวเอง»

<object เหตุการณ์