`
deng131
  • 浏览: 672248 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

window.name与document.location.hash

阅读更多
前端开发中常用iframe跨域操作方法记录下;


参考:

http://ued.alimama.com/?p=197
http://www.blueidea.com/tech/web/2008/6147.asp
分享到:
评论

相关推荐

    JavaScript使用HTML5的window.postMessage实现跨域通信例子

    JavaScript由于同源策略的限制,跨域通信一直是棘手的问题。... window.name 保存数据以及跨域 iframe 静态代理动态传输方案,充分的运用了window.name因为页面的url改变而name不改变的特性。 各种方案

    js 实现iframe 之间传值

    总结,JavaScript提供了多种在`iframe`之间传递值的方法,包括`postMessage()`、`window.name`、`location.hash`、Web存储API以及`window.parent`和`window.frames`。选择哪种方法取决于具体的需求,如是否跨域、...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    1. `document.location.hash`: 获取URL中`#`后面的部分。 2. `document.location.host`: 包含域名和端口号。 3. `document.location.hostname`: 获取域名。 4. `document.location.href`: 获取完整的URL。 5. `...

    什么是跨域解决方案有哪些.docx

    5. window.name + iframe 跨域 6. postMessage 跨域 7. nginx 代理跨域 8. nodejs 中间件代理跨域 9. WebSocket 协议跨域 一、 通过 jsonp 跨域 通常为了减轻 web 服务器的负载,我们把 js、css,img 等静态资源...

    javascript 的Document属性和方法集合

    - `document.location.hash`: 获取或设置URL中#号后面的部分,常用于锚点定位。 - `document.location.host`: 包含域名和端口号。 - `document.location.hostname`: 只包含域名。 - `document.location.href`: ...

    js获取URL的信息

    var hash = window.location.hash; // 例如:#imhere // 注意,这里包括 # 号 ``` #### 四、解析 Query(查询参数) 除了以上提到的基本方法外,很多时候还需要进一步解析查询参数。这可以通过对 `search` ...

    107个常用javascript语句

    4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID號").name(或value) 6.一个小写转大写的JS: document....

    Javascript常用对象.txt

    - `location.hash`:获取当前文档URL的锚点部分(以“#”开始的部分)。 - `location.search`:获取URL的查询字符串部分(以“?”开始的部分)。 #### `document`对象 `document`对象代表当前加载在窗口中的HTML...

    脚本中Document对象内容集合介绍

    - `document.location.hash`: 获取URL中#号后面的部分。 - `document.location.host`: 包含域名和端口号。 - `document.location.hostname`: 只包含域名。 - `document.location.href`: 获取或设置完整的URL。 ...

    DOM-XSS漏洞的挖掘与攻击面延伸.pdf

    - **挖掘与利用方法:** 文档详细介绍了几种常见的DOM-XSS漏洞利用场景及技巧,包括但不限于URL注入、页面跳转、`postMessage`、`window.name`、存储机制(如`localStorage`)以及API的不当使用等。 #### DOM-XSS...

    前端常见跨域解决方案(全).mht

    分享转载:前端常见跨域解决...3、 location.hash + iframe 4、 window.name + iframe跨域 5、 postMessage跨域 6、 跨域资源共享(CORS) 7、 nginx代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket协议跨域

    iframe父页面获取子页面参数的方法.docx

    3. **利用URL查询参数**:子页面可以修改自身`window.location.hash`或`window.location.search`,父页面通过监听`hashchange`或`popstate`事件来获取这些变化。 4. **使用`localStorage`或`sessionStorage`**:当...

    iframe与父页面传值

    总结来说,`iframe`与父页面传值涉及的技术包括`postMessage`、`window.name`、查询字符串、hash等,并且需要注意跨域安全和同源策略的限制。这些技术在实际开发中被广泛应用于实现各种复杂功能,如组件化开发、页面...

    JavaScript_BOM.txt

    - 内部尺寸 (文档内容区域):由于 IE 不支持 `window.innerWidth` 和 `window.innerHeight`,因此可以通过 `document.body.clientWidth` 和 `document.body.clientHeight` 来获取。 - 外部尺寸 (包括工具栏、状态...

    前端常见跨域解决方案(全)

    4. `window.name` + `iframe`:`window.name`属性在页面刷新或跳转后仍能保持其值,因此可以在父页面和`iframe`之间通过`window.name`传递大量数据。 5. `postMessage` API跨域:HTML5引入的`postMessage`方法允许...

    信息安全_对方不想说话并扔了个message.pptx

    3. 在跨域环境中,`postMessage`可用于安全地传递信息,避免了传统的`jsonp`、`Cors`、`document.domain+iframe`、`window.name`和`location.hash`等方法可能存在的安全隐患。 然而,`postMessage`并非全无瑕疵。在...

    jsp页面iframe高度自适应的js代码.docx

    iObjH = parent.parent.frames["infoFrame"].frames["agentFrame"].location.hash; iObj.style.height = iObjH.split("#")[1]+"px"; } window.onload=pseth(); ``` 在上面的代码中,我们使用 js 来获取 iframe...

    在vue中实现嵌套页面(iframe)

    window.parent.location.hash = '/newActivity'; // 这里写你自己要回退的Vue页面路径 }); } window.history.pushState('forward', null, '#'); // 在IE中必须得有这两行 window.history.forward(1); }); ``` ...

    监控 url fragment变化的js代码

    if (window.location.hash) { var base_hash = "#____base____hash____"; // 使用特殊hash临时触发事件 window.location = url + base_hash; } var prevHash = window.location.hash; // 使用定时器来检测...

Global site tag (gtag.js) - Google Analytics