您的位置：首页 > Web前端 > JavaScript

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

2010-02-20 12:01 579 查看

<!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"><!--
function chkHash() {
var hash = location.hash;
hash = hash.replace('#','');
if (hash != '' && hash != null && typeof(hash) != 'undefined') {
alert(hash);
if (document.getElementById(hash)) {
alert(hash);
document.getElementById(hash).style.display = 'inline';
}
}
}
// --></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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航