`
lixinlixin2008
  • 浏览: 152455 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

不同浏览器下的跨document的appendChild

阅读更多
有时候,我们需要从一个iframe或者window.open打开的窗口中的document中去复制一个HTMLElement

不同的document中只能传值,或者传一个引用,无法传递复杂dom对象(IE中是这样的),

不过
ff,opera下面可以appendChild另一个document中的元素,注册的事件也会被保留...
IE,safari,chrome不行...



网名: 天堂左我往右
分享到:
评论
4 楼 抛出异常的爱 2009-06-26  
lixinlixin2008 写道
嘿嘿,小心跨域了嘿

在线网页代理?
3 楼 lixinlixin2008 2009-06-26  
嘿嘿,小心跨域了嘿
2 楼 kimmking 2009-06-26  
从alipay或je偷个登陆的form append到我的页面来。~~ :(
1 楼 zhouyrt 2009-06-26  
经常会用到这样的功能。被打开的窗口中输入,提交后回填到打开窗口。
会用到window.opener属性。

相关推荐

    开发跨浏览器JavaScript时要注意的问题

    ### 开发跨浏览器JavaScript时要注意的问题 在进行Web开发时,跨浏览器兼容性问题一直是个让人头疼的话题。不同的浏览器对JavaScript...确保代码能够在各种不同的浏览器环境下正常运行是提升用户体验的重要方面之一。

    兼容多浏览器js 日历控件大全

    为了在不同浏览器中保持一致,需要使用跨浏览器的DOM操作方法,如使用`document.createElement`创建新元素,`element.appendChild`添加子元素,以及`element.style.property`设置样式。 2. **事件处理**:不同的...

    js判断是pc判断浏览器调用不同css样式

    function getBrowser() { var i = window.navigator.userAgent; var isChrome = i.indexOf("Chrome") && window.chrome; var issafari=i.indexOf("safari") && window....js判断不同浏览器内核调用不同css样式

    javascript-document对象详解(下).zip

    JavaScript中的`document`对象是浏览器提供的一个全局对象,它代表了HTML或XML文档的结构,并提供了与页面交互的各种方法和属性。在这个“javascript-document对象详解(下)”的压缩包中,我们可以通过三个文件来深入...

    Document对象

    当文档包含框架集或`<iframe>`元素时,每个框架或`<iframe>`都会有自己的Document对象,这使得在复杂的多窗口或多框架环境下管理内容变得可能。通过框架或`<iframe>`的`contentDocument`属性,可以访问内部文档的...

    如何在框架(frame)页面之间使用appendChild()?

    然而,务必注意,跨框架操作可能会受到浏览器的安全限制,因此在实际应用中,需要根据具体情况进行适配和优化。同时,了解并遵循良好的Web开发规范,如合理的HTML结构、语义化标签以及高效的JavaScript编写,都是...

    兼容各种浏览器的日历控件

    1. **DOM操作**:使用DOM API(如`document.createElement`、`appendChild`等)来动态创建和操作日历的HTML结构,确保在不同浏览器中的表现一致。 2. **事件处理**:使用`addEventListener`来绑定事件处理函数,同时...

    兼容各浏览器的JS点击复制2018年

    为了确保跨浏览器兼容性,我们需要处理那些不支持`execCommand`方法的浏览器。对于这些情况,可以使用`navigator.clipboard` API,这是Web Clipboard API的一部分,它在现代浏览器中提供了更标准的剪贴板访问方式。...

    开源Tree树状菜单HTML+Javascript兼容各浏览器

    JavaScript提供了诸如`document.getElementById`, `document.createElement`, `appendChild`等方法,使我们能够对HTML元素进行操作。此外,事件监听器如`addEventListener`用于捕捉用户的交互行为,比如点击事件,...

    编写跨浏览器的javascript代码必备[js多浏览器兼容写法]

    编写跨浏览器兼容的JavaScript代码是前端开发者必须掌握的技能,由于不同浏览器对JavaScript的解析和支持程度不一致,导致开发者在编写代码时必须考虑浏览器之间的差异性,以确保代码在不同的浏览器环境中都能正常...

    JS 实现浏览器菜单命令

    document.body.appendChild(menu); // 设置菜单位置 menu.style.left = event.clientX + 'px'; menu.style.top = event.clientY + 'px'; } ``` 3. **菜单项的事件处理**:为每个菜单项添加点击事件监听器,当...

    开发跨浏览器javascript常见注意事项

    在开发跨浏览器的JavaScript应用程序时,确保代码兼容不同的浏览器是非常重要的。以下是一些常见的注意事项,有助于优化JavaScript在不同浏览器之间的兼容性。 一、向表追加行 在JavaScript中向HTML表格添加行时,...

    可编辑下拉框 支持常用浏览器

    考虑到不同的浏览器可能对某些API或事件处理有不同的支持,需要使用polyfill或者条件语句来确保代码在所有目标浏览器中都能正常运行。例如,对于老版本的IE,可能需要使用`attachEvent`代替`addEventListener`。 5...

    有趣的浏览器地址栏JS代码

    document.body.appendChild(element);})()) ``` 这段代码首先检测浏览器是否为Internet Explorer(IE),并检查其字符集编码。根据不同的情况加载相应的脚本资源,通常用于兼容性处理或根据不同浏览器特性加载特定的...

    DOCUMENT的对象操作

    - `document.body.appendChild(oTag)`: 将一个元素添加到body元素的末尾,实现动态添加HTML元素。 3. **集合与对象**: - `all`: 返回文档中所有元素的集合,不推荐使用,现代开发中通常使用DOM遍历方法。 - `...

    JavaScript的document方法汇总

    - `document.body.appendChild(oTag)`:将一个元素添加到`<body>`元素的子节点列表末尾。 5. **事件监听**: - `document.body.onclick`:当用户点击`<body>`元素时触发。 - `document.body.onmouseover`:当...

    document对象总结

    - **document.body.appendChild(oTag)**: 将新创建的元素添加到body元素的末尾。 #### Body对象的属性和方法 `document.body`表示文档的`<body>`元素,它提供了一系列与页面主体相关的属性和方法: - **document....

    javascript的document对象

    - **document.body.appendChild(oTag)**:向`<body>`元素添加一个新的子元素。 #### Body元素的事件监听器 - **document.body.onclick="func()"**:为`<body>`元素绑定点击事件处理函数。 - **document.body....

    Ajax联动-支持所有浏览器

    在Web开发中,经常会遇到一个常见的问题:如何实现跨浏览器兼容性?特别是在处理Ajax请求时,不同的浏览器可能有不同的实现方式,这使得开发者不得不考虑各种特殊情况。本文将通过一个具体的案例——省份与城市的...

    javascript document对象详细介绍

    8. **`document.body.topMargin`**、**`document.body.leftMargin`**、**`document.body.rightMargin`**、**`document.body.bottomMargin`**:分别设置页面上、左、右、下的边距。 ```javascript document.body....

Global site tag (gtag.js) - Google Analytics