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>

  • 相关阅读:
    IOS无线客户端自动化测试
    junit 测试报错 java.lang.Exception: No runnable methods
    mysql varchar(128)可以存多少汉字
    求两个数的百分比
    日期转换
    两个 integer 值判断是否相等
    整洁代码之道——重构
    Eclipse里项目名有红叉,但是底下的每一个文件都没有红叉
    #dubbo# XML文件报错dubbo:XX解决方法
    String处理入门
  • 原文地址:https://www.cnblogs.com/killallspree/p/3214227.html
Copyright © 2011-2022 走看看