900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

时间:2018-07-22 14:40:54

相关推荐

javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

页面跳转同时执行js代码$(function(){});url参数传递

标题的前半部分其实不必赘述,按钮也可以换成超链接。。

假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面的某个js函数可以执行~~

关键在于如何跳转到目标页面之后并「接着」执行「目标页面的js函数」。原因是目标页面的某个js函数原来是需要点击该页面的按钮或超链接才能触发的,但现在需要在跳转到B页面后立即执行!

先不想是从A页面跳转到B页面,假设你想在B页面一打开就执行的话,是需要把代码逻辑写在$(function(){});里面的。这就是一个突破的思路。

我们在A页面定义一个按钮用于触发如题所示的操作:

Html代码 <buttontype="button"class="btnbtn-info"οnclick="openReport()">打开报表</button>

它对应的js函数为:

Js代码 functionopenReport(){window.open("B页面的url?flag=true&A="+a,'newwindow','height=1100,width=1400');}

同时传递了2个参数给目标页面B页面:flag和A。

在B页面的js文件的$(fucntion(){});里面加上这一段代码(关键),如:

Js代码 varurl=window.location.href;//获取当前浏览器的urlindex=url.indexOf("flag");//判断当前url是否有flag,如果有,说明是从A页面跳转而来的,就执行下面的程序if(index!=-1){//由A页面跳转而来//参数准备varstart=url.indexOf("A");vara=url.substring(start+"A".length+1);vardate=newDate();varyear=date.getFullYear();//当前年varmonth=date.getMonth()+1;//当前月(月是从0开始,所以必须加上1)month=month<10?("0"+month):month;varqueryDate=year+month;//+"&suffix="+encodeURI(encodeURI(suffix));varurl="ajax的url?A="+a+"&queryDate="+queryDate;//带参数执行逻辑$.ajax({url:url,dataType:"html",headers:{"X-Fragment":"_"},cache:false,success:function(html){//响应成功后的逻辑处理}});}

这段代码是很典型的,对于A页面传递过来的参数的接收在代码的注释中都说明得十分详细。

顺便,还温习了js获取系统年和月的用法。

这里对于flag变量的妙用是一种巧思~~~

来自:/blog/2283257 iteye 中的尽力而为

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。