标签:窗口 跨域 Torture Window window com name
0. 缘起
遇到一个跨域跳转,还要带上信息的问题。传统的localStorage\sessionStorage\Cookies显然无法满足我的需求了,所以另寻他法,找到一个window.name的方法挺好用的。
1. 同源
我的需求是A界面上点击表格某项跳转到对应的B界面,A界面会传值到B界面。AB非同源,顺便问一下,什么是同源?
同源策略,即同__协议__、域名、端口号,netscape浏览器规定如果有一个不满足就不允许访问另一个网页,如a.com和b.com就不是同源,那么a.com就不能得到b.com中的相关内容。
2. window.name是什么
name 属性可设置或返回存放窗口的名称的一个字符串。
3. window.name怎么用
在不同源的情况下,之前用的三大金刚(l/s/c)就没法整(有别的方法,但是很麻烦)。我这里选择了本地跳转页面,依旧能拿到上个页面信息的方法。
// A page
window.name='str'
// B page
console.log(window.name) // 'str'
4. window家族
window
对象表示一个包含DOM文档的窗口,其document
属性指向窗口中载入的 DOM文档 。使用document.defaultView
属性可以获取指定文档所在窗口。
window
作为全局变量,代表了脚本正在运行的窗口,暴露给 Javascript 代码。
4.1 Window.location
获取、设置 window 对象的 location, 或者当前的 URL.
// redirect to Url site
window.location.href = Url;
4.2 Window.open
Window
接口的open()
方法,是用指定的名称将指定的资源加载到浏览器上下文(窗口window
,内嵌框架iframe
或者标签tab
)。如果没有指定名称,则一个新的窗口会被打开并且指定的资源会被加载进这个窗口的浏览器上下文中。
附录
Window.name - Web API 接口参考 | MDN (mozilla.org)
标签:窗口,跨域,Torture,Window,window,com,name 来源: https://www.cnblogs.com/lepanyou/p/15802789.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。