location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://ued.alimama.com#admin的location.hash=”#admin”,利用这个属性值可以实现很多效果。
case one：锚点触发iframe的url更换
html代码：
<dl id=”tbk_help_list”><dt>==成为淘宝客==</dt><dd><a href=”#faq_1_1″>什么是淘宝客推广？什么是淘宝客？</a></dd><dd><a href=”#faq_1_2″ id=”aaaa”>如何注册成为淘宝客？</a></dd><dt>==获取推广代码==</dt><dd><a href=”#faq_1_5″>获取单件商品推广代码</a></dd><dd><a href=”#faq_1_6″>获取一类商品推广代码</a></dd><dd><a href=”#faq_1_7″>获取推广组推广代码</a></dd><dd><a href=”#faq_1_8″>获取店铺推广代码</a></dd></dl><iframe src=”faq_1_1.html” frameborder=”0″ allowtransparency=”yes” scrolling=”auto” width=”700px” id=”contentFrame” name=”contentFrame” height=”600px”></iframe>
javascript代码：
<script type=”text/javascript” src=”http://static.alimama.com/js/mootools.js”></script><script type=”text/javascript”>//锚点触发iframe的url更换var help_dd_a = $(”tbk_help_list”).getElements(”a”);function geturl(hs){var hash = hs ? hs : window.location.hash;if(hash && hash.length >2){hash = hash.substr(1);}var url = hash + “.html”;window.frames['contentFrame'].location = url;}help_dd_a.each(function(el){el.addEvent(”click”,function(){var str = this.href.substr(this.href.lastIndexOf(”#”));geturl(str);});});</script>
转载于:https://www.cnblogs.com/killallspree/p/3214227.html
相关资源：数据结构—成绩单生成器