iframe 下的dom

2024-11-10

iframe的Dom操作

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

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

javascript 获取iframe中的dom

太扯了,一个多小时都没搞定,获取不到iframe中的dom元素. <div id="one"> this is one </div> <div> <iframe src="./demo.html" id="test"> </iframe> </div> <script type="text/javascript"> console.log(wi

Jquery-获取iframe中的dom对象

父窗口中操作iframe: $(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口: $(window.parent.document) 接下来就可以继续获取iframe内的dom了. 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2 $

jquery获取iframe中的dom对象

父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口:$(window.parent.document) 接下来就可以继续获取iframe内的dom了. 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2

原生JS操作iframe里的dom

转:http://www.css88.com/archives/2343 一.父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性,contentWindow属性是指指定的frame或者iframe所在的window对象,在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则,必须指定contentWindow属性,contentWindow属性支持所有主流浏览器. 相

iframe下元素定位

1.iframe基础知识: <frameset>生成的框架结构是依赖上级空间尺寸的,它的宽度或者高度必须有一个和上级框架相同.而<iframe>浮动框架可以完全由指定宽度和高度决定. 语法: <iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe> 说明: src属性是iframe的必须属性,它定义浮动框架页面的源文件地址. 参考

struts2拦截器实现session超时返回登录页面（iframe下跳转到其父页面）

需求:session超时时,返回登录页面,由于页面嵌套在iframe下,因此要跳转到登录页面的父页面,但是首页,登录页面等不需要进行跳转实现: java文件:SessionIterceptor.java import com.opensymphony.xwork2.ActionContext;import com.opensymphony.xwork2.ActionInvocation;import com.opensymphony.xwork2.interceptor.AbstractInt

防止用iframe调用网页dom元素

<system.webServer> <httpProtocol> <customHeaders> <add name="X-Frame-Options" value="DENY" /> </customHeaders> </httpProtocol> </system.webServer> 以上代码用于防止使用iframe调用网页dom元素

页面间(窗口间)的取值赋值及获取iframe下的window对象

①同一个窗口中,获取某个iframe的信息 <body> <iframe id="PAID" name="PA" src="ItemSetting.htm"></iframe> <iframe id="DKID" name="DK" src="ItemSetting.htm"></iframe> </body> va

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

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

[HTML]HTML框架IFrame下利用JS在主页面和子页面间传值

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["i

在iframe下的页面锚点失效问题，用jquery进行修复

应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动. 解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动. 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com)):父窗体嵌套多个iframe,判断是否是当前iframe页面. 代码: 父窗体页面 index.ht

eay ui iframe 下常问题

背景:客户要使用https进行登录,把原来的登录做到一个小框,用iframe嵌进来进行登录. 客户拥有4个域名,但只在xxx.com域名中购买了安全证书,所以多个域名下登录所用的iframe中src是一直的. 在ie(包含6,7,8)浏览器下,如果访问域名不是xxx.com,如访问xxxx.com.cn,则输入验证码无论如何都提示输入错误. 其他浏览器:ff/opera/chrome都正常. 方案一: 设置ie选项 :IE-工具-internet选项-隐私-高级-覆盖自动cookie处理(勾选)

原生js在IE7下向dom添加节点的一个bug, (本例为添加hidden input)

需求是要用js向dom结构增加1个hidden用来存放要post到服务器的数据 var aspnetForm = document.getElementById("aspnetForm"), //这就是新增的hidden <input type="hidden" name="test" value="name=jason;age=27;"/> hidden = document.createElement(&quo

js获取iframe里面的dom

最近在写页面遇到了问题,一个dom好多地方用到,然后我就单独写了个html页面,然后用iframe引入,但是,想获取iframe里面input的value,获取不到input,后面才知道原来js不能直接获取iframe里面的元素,上代码引入公共html :deadSeedling.html <IFRAME id="deadSdl" marginWidth=0 marginHeight=0 src="common/deadSeedling.html" fram

如果layer层在iframe下不居中滚动

需要在layer前面加上parent.layer. 2.运用layer层的步骤: 1.引入1.8版本以上的jquery文件 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 2.引入layer.js文件 <script type="text/javascript" src="layer/layer.js"&g

警惕多iframe下的同名id引起的诡异问题

遇到个诡异bug,虽然bug中套bug,忽略次要bug,其中最诡异最典型的现象是多行window.top.$("#id")取值操作,其中有一行却取不到值.这个着实让我费解.因为用到了top,我开始以为是z-index引起的层级问题.因为我在页面中alert一下要取的元素,页面功能就看起来正常了.只不过期间多了一个弹出框.正常后怎么都是正常的,除非重新开启浏览器会再次故障. 当然这期间查找过取不到值的id,确实是存在的.再看一下整个页面的布局,多个iframe,每个iframe最终会引入

Windows下的DOM操作

前言:这学期学Linux之后,发现用命令行的方式来操作电脑还是很好玩的~写这篇随笔来总结下Windows环境下通过DOS来执行命令的操作,希望能帮到您~自己忘记的时候能回来复习emmm 启动DOS环境: 1.快捷键启动:win键+R 在窗口输入cmd回车 2.如果想在某个目录下启动DOS环境,首先进入该目录,然后再搜索框输入cmd,回车. 例如,我想在C:\Users下启动DOS环境五个命令: 想完成电脑的基本操作,需要了解5个命令(目录创建,目录切换,查看当前目录下文件/文件夹列表,打开指定

dojo下的dom按钮与dijit/form/Button

众所周知,在dojo里存在dom和widget两个类型,dom指的是普通类型的HTML元素,包括各种类型的标签.按钮.输入框等等,而widget指的是dojo自身所带的模板,同时也包括按钮.输入框等等.那么在新建两个不同的按钮时,它们会不会存在什么差异呢?实验结果如下: (1)先在html中新建两个不同类型的button按钮 <html><head> <meta charset="UTF-8"> <title>parser</tit

操作 frames 框架下的 dom 内容。

2016-12-30 框架名: var obj=$(window.frames["wangpan"].document).find("a[menu=download_one]"); for(var i=0;i<1;i++){ obj[i].click() } 无框架名: $('iframe')[0].contentWindow.document.getElementById(). var obj=$(window.frames["wangpan&qu

iframe 下的dom

热门专题