欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

页面跳转js修改样式

程序员文章站 2022-03-10 21:48:20
...

先点击按钮传递参数,

<div class="container">
    <a class="options"  href="../f/fb.html?id=0" >
       
        <text>本人</text>
    </a>
    <a class="options" href="../f/fb.html?id=1"  style="margin-bottom: 27%">
        <text>代他人</text>
    </a>
</div>

在另外一个页面里面设置js

使用文档就绪函数注意script放置的位置,要设置request请求的参数的截取方法 

<div id="d" style="display:none;"></div>

/*是否显示代理人信息*/
window.onload = function () {

    if(request.id=="0") {
        document.getElementById("d").style.display = 'none';
    }else {
        document.getElementById("d").style.display = 'block';
    }
}
var request = (function () {
    var obj = {};
    var arr = window.location.search.slice(1).split("&");
    for (var i = 0, len = arr.length; i < len; i++) {
        var nv = arr[i].split("=");
        obj[unescape(nv[0]).toLowerCase()] = unescape(nv[1]);
    }
    return obj;
})()