zoukankan      html  css  js  c++  java
  • window.location.hash

     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>

  • 相关阅读:
    原生JavaScript封装insertAfter方法
    SQL截取最后一个由字符分隔的字符串
    给标识列显示的添加数据(IDENTITY_INSERT 为 ON)
    C#保留两位小数,四舍五入的函数及使用方法
    UEditor1.4.3上传图片提示上传失败
    SQL Server 2005公用表表达式(CTE)
    UEditor 粘贴表格时报错导致无法粘贴的解决方法
    事件监听机制
    数组中的趣味题(一)
    redis的工具类封装
  • 原文地址:https://www.cnblogs.com/killallspree/p/3214227.html
Copyright © 2011-2022 走看看