js 控制iframe里面的元素 cross-origin

2024-09-02

笔记：javascript操作iframe内的DOM元素，及调用iframe内的方法

iframe相当于一个嵌入在网页内的浏览器,它与当前网页是隔离的. 但有时我们也需要在当前网页操作iframe内的元素或操作iframe内的javascript方法. 在网页内操作DOM元素,是使用document对象.那么,当我们需要操作iframe内的元素时,就需要找到iframe内的document对象. 假设有以下HTML代码: <iframe id="ifm" src="a.htm"></iframe> 那么可以像这样取得ifr

Js控制iFrame切换加载网址

<html> <head> <title>Js控制 iFrame 切换加载网址</title> </head> <body> <a href="javascript:jumpto('http://www.163.com')">网易</a> | <a href="javascript:jumpto('http://www.baidu.com)"> 百度搜索<

Iframe 高度自适应，js控制Iframe 高度自适应

Iframe 高度自适应, js控制Iframe 高度自适应, iframe自适应高度 ================================ ©Copyright 蕃薯耀 2019年12月31日 http://fanshuyao.iteye.com/ 方法一:js控制Iframe 高度自适应这个方法之前一直都在用,没有问题,但最新发现有些情况不行(具体原因不清楚) 方法二:html代码控制在方法一不生效的时候,使用了方法二. 头部的html不需要任何的声明,都去掉,如下面代码所

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

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 src="" id="iframe_a" name="iframe_a" style="width:100%;height:600px"></iframe> js: parent.document.getElementById("iframe_a").src="ajax_user_center_mydownload.html"; 一句话

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

js获取iframe里面的元素

直接获取不行 var win2 = document.querySelector('iframe[width = "1280" ]').contentWindow; var loginName = win2.document.querySelector('#personalInfo td').innerText; 这样就能够取到元素了.

js控制iframe的刷新（页面局部刷新）

今天遇到个问题,后台会员审核之后,页面内的会员审核状态要及时改变,但又不能指望用户手动刷新(用户体验很不好) 如果审核页面和显示审核状态时同在一个html页面的话,那么直接用js改变div内部的文本就可以了,像下面这样: $("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("

js获取iframe中的元素

var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click();

js读取iframe里的元素

父层 <div id="SubStepNav" class="SubStepNav"> <iframe src="aaa.html" id="SubStepIframe" name="SubStepIframe"></iframe> </div> <script type="text/javascript"> $(frames[

js控制iframe高度自动撑开

JS操作iframe元素

1. demo1.html页面中有个iframe元素,iframe元素的src是iframe1.html,怎么在demo1.html页面中操作iframe1.html页面答曰:demo1.html中,js先找到iframe元素(比如命名为:oIframe),那么oIframe.contentWindow就是iframe1.html这个页面的window,剩下了就是DOM操作的事情了. 举例:要求:demo1.html页面中有个按钮,点击按钮,iframe1页面某些文字改变颜色 <!DOCTY

js操作控制iframe页面的dom元素

1.代码1 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我是demo1.html</title> <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8">&l

Js/Jquery获取iframe中的元素

转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素. js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件

JS获取/设置iframe内对象元素、文档的几种方法

1.IE专用(通过frames索引形象定位): document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同样适用.IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的.比如这个,它在同样支持下

JS控制HTML元素的显示和隐藏

JS控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: 1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible&

Js脚本选取iframe中的元素

遇到个小问题,需要用到原生Js处理页面中的元素,以往一个document.getElementById就完活的选取元素,这次却不好使了.. 仔细看代码发现要选取元素外面多了一个iframe标签 <iframe id="iframe_id" > ... </iframe> 百度一下知道,此时iframe包裹的内容已经相当于另一个页面了,在当前的页面的document已经无法取到了,需要先获取此iframe元素,然后才能进一步获取到要选择元素: 兼容各个浏览器:do

Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById(&quo

使用JS控制伪元素的几种方法

一. 缘由: 本文源于在OSC社区中,有人提问如何用jq获取伪元素.我第一想法是强大的CSS Query应该可以获取伪元素吧. 然而事实上,CSS Query并不能.即我们不能通过$(":before").$(dom).find(":before")或document.querySelector(":before")来获取:before伪元素. 为此,我不得不重新了解伪元素(Pseudo-elements).为什么不能用JS直接获取伪元素呢? 譬

jquery、js调用iframe父窗口与子窗口元素的方法整理

1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");

js 控制iframe里面的元素 cross-origin

热门专题