跳转页面之后执行目标页面的某个函数

我们写网站,有时候需要再跳转到目标页面之后执行目标页面的某个js函数。因为我是个初学者,所以还是研究了一点时间,才找到方法,下面就分享一下。

<a href="index.htm?id=03"><li><img src="images/bmfw.png"alt="">公共服务</li></a>

<a href="index.htm?id=04"><li><img src="images/zmhd.png"alt="">政民互动</li></a>

这两个链接是在源页面,需要跳转到目标页面index.html。而且需要根据不同的链接需要展示目标页面的不同内容(在目标页面是利用js控制的),所以需要根据不同的跳转链接执行不同的函数。
解决办法:首先,在url后面加上参数,比如本文的id=03和id=04。然后再目标页面判断url的参数,根据不同的参数执行不同的函数即可。
判断url,根据参数执行不同的js代码如下:(此js文件需要放在目标页面)

window.onload=function(){
    var url = window.location.href;
    var index = url.indexOf("id");
    var str;
    if(index!=-1){
        str = url.substring(url.lastIndexOf("=")+1,url.length);     
    }
    switch (str){
        case "02":
        nav_li_2();
            break;
        case "03":
        nav_li_3();
            break;
        case "04":
        nav_li_4();
            break;
        case "05":
        nav_li_5();
            break;
        case "06":
        nav_li_6();
            break;
    }
}

猜你喜欢

转载自blog.csdn.net/parade0393/article/details/80083371