HTML DOM hash 属性
JavaScript基础 2022-06-08 15:31:1313小码哥的IT人生shichen
HTML DOM hash 属性
定义和用法
hash 属性可设置或返回一个区域中 URL 的锚部分。
语法
areaObject.hash=anchorname实例
下面的例子可把 URL 的锚部分 #top 更改为 #bottom：
<html> <head> <script type="text/javascript"> function changeLink() { document.getElementById('venus').hash="bottom" } </script> </head> <body> <img src="planets.gif" width="145" height="126" usemap="#planetmap" /> <map name="planetmap"> <area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="venus2.htm#top" /> </map> <input type="button" onclick="changeLink()" value="Change link" /> </body> </html>
TIY
完整实例【更改一个区域中 URL 的锚部分】：
<!DOCTYPE html> <html> <body> <img src="/i/eg_planets.jpg" usemap="#planetmap" /> <map name="planetmap"> <area id="venus" shape="circle" coords="180,139,14" href ="/demo/example/hdom/venus2.html#top" alt="Venus" /> </map> <p>单击按钮以显示“venus”区域的 href 属性的锚点部分。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("venus").hash; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
