在JS中跨页面调用变量和函数可以通过以下几种方法实现:
1. 使用cookie
可以在页面中设置一个cookie,把需要共享的变量值存储到cookie中。然后在另一个页面中读取这个cookie,就能够获得变量值。示例如下:
a.js
function setCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
setCookie('name', 'Tom', 1);
b.js
function getCookie(c_name){
if (document.cookie.length>0){
var c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1){
c_start=c_start + c_name.length+1 ;
var c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
var name = getCookie('name');
console.log(name); // Tom
2. 使用localStorage
可以在页面中使用localStorage将数据存储到浏览器的本地存储中,这样就可以在两个页面间传递数据。示例如下:
a.js
localStorage.setItem('name', 'Tom');
b.js
var name = localStorage.getItem('name');
console.log(name); // Tom
需要注意的是,localStorage只能在同一个域名下使用,所以如果不在同一个域名下,需要使用其他方法。
另外还可以使用iframe、postMessage、JSONP等方式来实现跨页面调用,具体实现需要根据具体需求来选择。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用) - Python技术站