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

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

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

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

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

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

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

1. <button type="button" class="btn btn-info" onclick="openReport()">打开报表</button>

它对应的js函数为：

1. function openReport() {
2. window.open("B页面的url?flag=true&A="+a,'newwindow','height=1100,width=1400');
3. }

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

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

1. var url = window.location.href;//获取当前浏览器的url
2. index = url.indexOf("flag");//判断当前url是否有flag，如果有，说明是从A页面跳转而来的，就执行下面的程序
3. if(index !=-1) {//由A页面跳转而来
4. //参数准备
5. var start = url.indexOf("A");
6. var a = url.substring(start + "A".length+1);
7. var date = new Date();
8. var year = date.getFullYear();//当前年
9. var month = date.getMonth() + 1;//当前月（月是从0开始，所以必须加上1）
10. month = month<10 ? ("0"+month):month;
11. var queryDate = year + month;
12. // + "&suffix=" + encodeURI(encodeURI(suffix));
13. var url= "ajax的url?A=" + a +"&queryDate=" + queryDate;
14. //带参数执行逻辑
15. $.ajax({
16. url: url, dataType:"html",headers:{"X-Fragment":"_"},
17. cache:false,
18. success: function(html) {
19. //响应成功后的逻辑处理
20. }
21. });
22. }

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

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

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

来自：http://raising.iteye.com/blog/2283257 iteye 中的尽力而为