js判断根据锚点显示不同的内容

最新推荐文章于 2022-05-30 16:03:48 发布

weixin_30791095

最新推荐文章于 2022-05-30 16:03:48 发布

阅读量263

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/Renn/archive/2010/02/20/2048378.html

本文介绍了一种通过URL中的哈希(#)值来显示或隐藏网页中特定元素的方法。当页面加载时,会检查URL中的哈希值，并将对应ID的元素设置为可见状态。这种方法适用于快速定位页面内的特定部分。

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <mce:script language="JavaScript"></mce:script> </head> <body onload="chkHash();"> <div id="a1" style="display:none;" mce_style="display:none;">a1</div> <div id="a2" style="display:none;" mce_style="display:none;">a2</div> <div id="a3" style="display:none;" mce_style="display:none;">a3</div> <div id="a4" style="display:none;" mce_style="display:none;">a4</div> <div id="a5" style="display:none;" mce_style="display:none;">a5</div> </body> </html>

调用:

url#a1

url#a2

url#a3

转载于:https://www.cnblogs.com/Renn/archive/2010/02/20/2048378.html