`
t8500071
  • 浏览: 112926 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

今天发现frame和iframe的name属性竟然是其内部页面的全局变量

 
阅读更多

如题..

所以在页面中,尽量不要定义名称为"name"的js全局变量..

 

在frame或iframe的src指向的页面中, alert(name); 就可以看到效果

 

如果你不小心修改了name的值, 则可能会出现我今天碰到的问题:

 

某些超链接指明了target的话, 很可能会从此都在新窗口中打开..

分享到:
评论

相关推荐

    iframe与父页面传值

    `window.name`是唯一不受同源策略限制的全局属性,可以在页面重载后保持其值。父页面和`iframe`可以通过共享这个属性来传递数据。 3. 利用查询字符串或hash 父页面可以通过修改`iframe`的`src`属性,添加查询参数或...

    js DOM 元素ID就是全局变量

    如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个. 让我们看一个例子.假定...

    iframe 子父界面 传值.zip

    // 在iframe内部设置一个全局变量 window.parent.myValue = 'hello from iframe'; // 在父页面中获取该值 var iframeValue = window.myValue; ``` #### 1.2 `postMessage` 和 `message` 事件 `postMessage` API ...

    frame之间进行参数传递例子

    在HTML框架中,可以使用`<frame>`或`<iframe>`元素的属性(如`src`、`name`)来传递参数。 3. **源码分析**:对于源码级别的理解,我们需要查看具体的框架或库的实现。例如,在Spring MVC中,我们可以使用模型对象...

    iframe父子传值

    `window.name`属性是全局的,并且在页面刷新后仍然保持,因此可以用来在父子`iframe`之间传递大量数据。不过,这也仅限于同源策略下的场景。 ### 6. 使用`window.postMessage`的注意事项 - 必须指定正确的`...

    PHP实例开发源码—php使用Iframe无刷新上传的代码.zip

    本实例通过Iframe技术实现了这一功能,下面将详细讲解其工作原理和核心代码。 首先,理解Iframe(Inline Frame)的基本概念。Iframe是HTML中的一种元素,允许在网页上嵌入另一个HTML文档,从而在不刷新整个页面的...

    JavaScript iframe数据共享接口实现方法

    利用这一点,我们可以将数据存储在顶级窗口的一个全局变量中,确保不论iframe如何嵌套,数据始终可访问。 以下是提供的代码实现: ```javascript var share = { data: function(name, value) { var top = window...

    javascript学习随笔(使用window和frame)的技巧

    以下是一些关键的`window`对象的方法和属性: 1. **`open()`方法**:用于打开新的窗口或重载现有窗口。例如: ```javascript var newWindow = window.open('http://example.com', 'newWindow'); ``` 其中,第一...

    浏览器兼容页面开发注意事项(javascript篇)_101028参考.pdf

    8. 关于`frame`:不同浏览器对iframe的处理略有差异,需确保正确获取和操作iframe内容,如使用`contentWindow`和`contentDocument`属性。 9. FF中自定义属性:Firefox要求通过`getAttribute()`获取自定义属性值,而...

    ajax图片上传教程+原码

    当表单提交时,我们创建一个IFRAME,将其设置为透明并附加到DOM中,然后修改表单的target属性,使其指向IFRAME,这样表单提交后,数据会发送到IFRAME加载的URL,而不是当前页面。例如: ```javascript document....

    JavaScript基础和实例代码

    7.3.2 常见方法和属性汇总 7.4 Screen对象 7.4.1 获取客户端屏幕信息 7.4.2 定位窗口到指定位置 7.4.3 常见属性和方法汇总 7.5 History对象 7.5.1 使用back()和forward()方法进行站点导航 7.5.2 使用go()方法进行...

    浅谈JS之iframe中的窗口

    - 在顶层窗口中,如果你需要操作某个iframe,比如调整其大小或者获取其中的内容,你可以通过该iframe的id或name属性来引用其窗口对象。例如,假设iframe有一个id是`iframe1`,那么你可以通过 `document....

    源文件程序天下JAVASCRIPT实例自学手册

    7.3.2 常见方法和属性汇总 7.4 Screen对象 7.4.1 获取客户端屏幕信息 7.4.2 定位窗口到指定位置 7.4.3 常见属性和方法汇总 7.5 History对象 7.5.1 使用back()和forward()方法进行站点导航 7.5.2 使用go()方法进行...

    Javascript常用对象.txt

    `window`对象表示浏览器窗口,并且是所有JavaScript全局对象、函数以及变量的直接父级。它具有以下属性和方法: - **属性** - `window.frames[]`:返回一个数组,包含了当前窗口中所有的`<iframe>`或`<frame>`元素...

    seleniumwebdriver

    ### Selenium WebDriver 学习知识...Selenium WebDriver 是一个强大而灵活的工具,掌握其基本用法和高级技巧对于自动化测试工程师来说至关重要。通过这些知识点的学习,可以有效地提高 Web 应用程序的测试效率和质量。

    JavaScript框架编程第1/2页

    - **全局变量和自定义函数的作用域**:每个框架内部的全局变量和函数只对该框架有效。如果需要跨框架访问这些资源,必须明确地通过窗口对象进行引用。 - **默认目标窗口的设置**:如果在`<head>`标签中设置了默认的...

    Javascript的IE和Firefox兼容性汇编(zz)

    为了兼容Firefox,应该始终通过 `name` 属性来访问frame。示例代码: ```html <iframe src="/xx.htm" id="myFrame" name="myFrame"></iframe> // IE兼容写法 window.myFrame; // Firefox兼容写法 window.frames[...

    KODExplorer 芒果云-资源管理器

    则修改第一行:"name":"admin","password":"21232f297a57a5a743894a0e4a801fc3" ![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png) ###ver2.61 `...

Global site tag (gtag.js) - Google Analytics