【JS/jQuery--iframe框架内外元素的操作（转）】的更多相关文章

JS/jQuery--iframe框架内外元素的操作（转）

JS/jQuery--iframe框架内外元素的操作 原创 2017年12月07日 14:23:09 标签: js / iframe 28 两个问题: 如何在父页面操作iframe框架内的元素? 如何在iframe框架内操作父页面的元素? 解决上面两个问题的关键是,如何互相获取两者之间的document文档 如何在父页面操作iframe框架内的元素? 1.父页面获取子页面DOM: window.frames['iframe-name'].document 简单说明: 上段代码在父页面获取了整个子…

JS/JQuery针对不同类型元素的操作（radio、select、checkbox）

一.select下拉框 I:javascript方法 1:获取选中的值 F1:   var  myselect=document.getElementById("test");或者var myselect = document.all["test"];   var index=myselect.selectedIndex ;    // selectedIndex代表的是你所选中项的index   myselect.options[index].value;   m…

jQuery控制iframe框架内元素

用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.在IFRAME中操作 选中父窗口中的所有单选钮$(window.parent.document).find(”input[@type='radio']…

如何通过js获取iframe框架中的内容

在父窗口中获取iframe中的元素 IE下:格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); 都支持的方法:格式:document.getElementById("ifram…

js 获取iframe中的元素

今天要修改编辑器插件中的元素遇到的问题 jquery 在父窗口中获取iframe中的元素 1.Js代码 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1 2.Js代码 格式:$("#iframe中的控件I…

javascript_获取iframe框架中元素节点的属性值

1. DOM:文档对象模型 [window 对象] 它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 2. JS原生方法获得iframe的window对象 document.getElementById("ifr").contentWindow; 3. 获取iframe框架的思路: (1)找到iframe框架 (2)获取iframe框架的window对象 (3)获取w…

JS Jquery去除数组重复元素

js jquery去除数组中的重复元素 第一种:$.unique() 第二种: for(var i = 0,len = totalArray_line.length;i < len;i++) {  !RegExp(totalArray_line[i],"g").test(resultArray_line.join(",")) && (resultArray_line.push(totalArray_line[i]));  }-----解决了V0…

获取子iframe框架的元素

我们常常遇到使用iframe框的时候,该iframe框不能根据自己内部的内容撑起来的这种问题 必要条件:不能在跨域的情况下...本地可以放到localhost下进行测试 //父页面index.html页面 <iframe id="ifr" src="iframe1.html" frameborder="0" width="100%" name="iframe1"></iframe>…

jquery:iframe里面的元素怎样触发父窗口元素的事件？

例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样…

js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

  第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div…