iframe的document操作

【iframe的document操作】的更多相关文章

iframe的document操作

导语: 在我写网页代填插件的时候,有遇到拿不到input元素的时候,这时候我去看元素布局,发现有些网站登录那一块是用iframe标签写的,这时候我需要取到的那就是iframe标签下input元素 1.获取页面上的所有iframe标签遍历获取每一个iframe 获取所有的iframe标签 let iframes = document.getElementsByTagName("iframe"); 遍历获取单个iframe for (let i = 0; i < iframes.le…

x-frame-options、iframe与iframe的一些操作

iframe的子操作父窗口,父操作子窗口: test.php: <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <input type="text" name="csrf" id="csrf" value="parent"> <iframe sr…

JavaScript对iframe的DOM操作

在IE6.IE7中,我们可以使用 document.frames[ID].document 来访问iframe子窗口中的document对象,可是这是不符合W3C标准的写法,也是IE下独有的方法,在Firefox下却不可以使用,Firefox下使用的是符合W3C标准的 document.getElementById(ID).contentDocument 方法,今天我在写实例的时候,通过IE8进行测试,IE8也是使用的符合W3C标准的 document.getElementById(ID).co…

iframe的Dom操作

我最近遇到这样一个需求, 抛开业务相关不谈,但从技术上说:页面中选择公司中的页面,在iframe中展示被选的页面,并且要对页面做一些Dom相关的处理.也就是说我们需要在父级页面中操作子页面(iframe)的dom. 我查找了一些资料,简单做了一些整理. 主要分成两个方向来说明: 父级页面操作子页面和子页面操作父级页面. 一.父级页面操作子页面这里面存在一个问题:两个页面不能跨域(小域名也要相同).iframe操作是有跨域限制的,试想以下我的页面的iframe引用了竞争对手的页面,但是我用…

基本的window.document操作及实例

基本的window.document操作及实例找元素 1.根据id找 var d1 = document.getElementById("d1"); alert(d1); 2.根据class找 var d2 = document.getElementsByClassName("d"); alert(d2[1]); 3.根据标签名找 var d3 = document.getElementsByTagName("div"); alert(d3[0…

多个iframe中根据src获取特定iframe并执行操作

多个iframe中根据src获取特定iframe并执行操作前言:在项目中做一个批量编辑工单时需要在一大堆的iframe中的某一个iframe里边再用模态框的形式显示编辑区域,然后再在模态框里边加入iframe实现批量编辑的页面,最后在提交后无法实现跳转,就是当前模态框无法关闭,想到模态框的关闭是通过modal:hide关闭,就想在后端输出js代码直接通过click事件来关闭模态框具体问题: 在多个iframe中找到当前的iframe 找到当前iframe之后操作iframe中的模态框关闭按钮…

对frameset、frame、iframe的js操作

框架编程概述一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一个框架中的JavaScript变量.调用其他框架内的函数.控制另一个框架中表单的行为等. 框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象.链接对象.图片对象等是类似的,不同的是,这些集合…

跨域-jsonp、cors、iframe、document.domain、postMessage()

同源策略概念:同源: 协议.域名.端口号完全相同同源策略是浏览器的一种安全策略:且浏览器不会将违反同源策略的响应信息返回 http://127.0.0.1:3000/index.html http://127.0.0.1:3000/hello.html http://localhost:3000/hello.html https://localhost:3000/hello.html eg: 协议名--- http.https 域名--- 127.0.…

iframe内外的操作

因为iframe涉及到跨域问题,有时候有的比较多,这不今天遇到了一个问题,处在iframe里头的js要操作iframe元素,查找百度,是可以实现的: 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.…

document操作

1.windows对象操作事件两个参数sender:代表事件源,即谁触发的事件e:代表事件数据load(sender,e)事件是一个特殊的委托(代理)2.document对象操作找元素:1.根据id找.2.class3.根据标签名找4.根据name找操作元素:操作内容操作属性操作样式操作内容:非表单元素:1.获取文本 d1.innerText2.设置文本 d1.innerText="hello"3.获取html代码4.设置html代码表单元素1.赋值2.获取值操作属性1.添加属性…