我们写网站,有时候需要再跳转到目标页面之后执行目标页面的某个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;
}
}