用JS访问iframe中的元素
用JS访问iframe中的元素
1.首先,如何访问iframe中的元素?见如下代码:
(1)1.htm源码:
<input type=button value="test" οnclick="self.frames['a'].document.all.mybutton.disabled=true">
<iframe name='a' src="2.htm" id="iframe2"></iframe>
(2)2.htm源码
<input type=button value="mybutton" id="mybutton">
<script language=javascript>
function showInfo(){alert();}
</script>
------------------------------------------------
在1.htm中点击test按钮,可以使2.htm(iframe页面)中mybutton按钮失效.就这么简单,呵呵.如果要调用2.htm中的JS函数这样写:
self.frames['a'].funtionname(param)
在1.htm中调用2.htm中的JS函数:iframe2.showInfo();
2.我遇到的问题:做一个项目时按照上述方法却无法访问iframe中的元素!!代码就是拷贝过来改变量名得来的,怎么就是不行呢?
后来,发现一点本质的不同:我的iframe页用的不是站内的页面,是指向外站中的url的!
将外站页面存到本站内后,就可以了,呵呵!
也就是说对于iframe中的页,如果是外站的页面,本站是没有对它的控制权的,甚至页中元素也是无法读取访问的.
动态更改iframe的高度
function changeParent(){
if (frameid1 != "" && parent!=null )
parent.document.getElementById("frameid1").style.height=document.body.scrollHeight;
}
摘自:http://chinadudu.spaces.live.com/Blog/cns!65B8F8286593DB82!2911.entry
用JS访问iframe中的元素时遇到的问题
1.首先,如何访问iframe中的元素?见如下代码:
(1)1.htm源码:
<input type=button value="test" οnclick="self.frames['a'].document.all.mybutton.disabled=true">
<iframe name='a' src="2.htm"></iframe>
(2)2.htm源码
<input type=button value="mybutton" id="mybutton">
------------------------------------------------
在1.htm中点击test按钮,可以使2.htm(iframe页面)中mybutton按钮失效.就这么简单,呵呵.如果要调用2.htm中的JS函数这样写:
self.frames['a'].funtionname(param)
即可.
2.我遇到的问题:做一个项目时按照上述方法却无法访问iframe中的元素!!代码就是拷贝过来改变量名得来的,怎么就是不行呢?
后来,发现一点本质的不同:我的iframe页用的不是站内的页面,是指向外站中的url的!
将外站页面存到本站内后,就可以了,呵呵!
也就是说对于iframe中的页,如果是外站的页面,本站是没有对它的控制权的,甚至页中元素也是无法读取访问的.
所谓站内站外可能是与站点域名有关系的吧,懒得试了,有兴趣的朋友不仿试试.
摘自:http://www.cnblogs.com/bluesky521/archive/2008/06/01/1211492.html
用JS访问iframe中的元素相关推荐
- js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
- js获取iframe中的元素_在 HTML 中包含资源的新思路
作者:scott jehl 翻译:疯狂的技术宅 原文:https://www.filamentgroup.com/lab/html-includes/未经许可严禁转载 注意:这篇文章描述了一种我们仍需 ...
- 【学习】如何用jQuery获取iframe中的元素
(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少 ...
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
- 获取父窗口元素或者获取iframe中的元素(相同域名下)
jquery方法 在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素");/ ...
- html中iframe全屏显示,如何让iframe中的元素全屏
最近项目中iframe让人恶心,iframe只要一出现,写的正常代码就容易出现各种bug,比如iframe中的元素不能document.getElementBy...正常获取,比如iframe中的元素 ...
- chrome 扩展开发 - 如何获得iframe中的元素 和 相关问题解答
记一次需求完成的经过,要获取iframe中的元素,然后在页面进行分段跳转和相关操作,途中遇到了几个问题,方便后续自我回忆. 问题一 chrome扩展开发中 Popup页面无法持续保持的问题 [未解决 ...
- js计算数组中每个元素出现的次数(2种方法)
js计算数组中每个元素出现的次数(2种方法) js动态生成唯一id Javascript生成全局唯一标识符(GUID,UUID)的方法
- java selenium iframe_java selenium处理Iframe中的元素示例
java selenium 处理Iframe 中的元素 有时候我们定位元素的时候,发现怎么都定位不了. 这时候你需要查一查你要定位的元素是否在iframe里面 阅读目录 什么是iframe ifra ...
最新文章
- JavaScript 公有 私有 静态属性和方法
- MySQL关于事务控制、视图、存储过程和函数
- C语言strstr()函数(在主字符串里查找子字符串,返回第一次找到的子字符串以及后面的字符串)
- python语言程序设计慕课_中国大学MOOC(慕课)_Python语言程序设计基础_试题及答案...
- Nacos与Eureka的区别有哪些?
- Java线程start()vs run()方法及示例
- 音乐 美术 计算机期末考试表,2021东莞中考音乐美术信息技术合格性考试时间安排...
- 微金融php源码下载,ThinkPHP金融微盘微交易系统平台源码
- centos下安装JDK8的方法
- MySQL-快速入门(15)MySQL Replication,主从复制
- android 自定义view 实现电影选座功能
- 如何制定有效的项目管理计划?
- VMware中的三种网络模式
- 【Web技术】1395- Esbuild Bundler HMR
- matlab设计高通系统,用matlab设计高通滤波器雪比切夫、fir两种方法 课程设计HPF.doc...
- 猜拳游戏(基于TCP socket的编程)
- 110配线架打法图解_110配线架打法图解 110配线架图片
- 9轴陀螺仪KF系列算法的轴向问题
- Excel的公式:公式基本使用、单元格地址引用、错误值利用、追踪公式利用与追踪错误
- [转载] 服务器基础知识