用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中的元素相关推荐

  1. js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

    用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

  2. js获取iframe中的元素_在 HTML 中包含资源的新思路

    作者:scott jehl 翻译:疯狂的技术宅 原文:https://www.filamentgroup.com/lab/html-includes/未经许可严禁转载 注意:这篇文章描述了一种我们仍需 ...

  3. 【学习】如何用jQuery获取iframe中的元素

    (我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少 ...

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

     在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:win ...

  5. 获取父窗口元素或者获取iframe中的元素(相同域名下)

    jquery方法 在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素");/ ...

  6. html中iframe全屏显示,如何让iframe中的元素全屏

    最近项目中iframe让人恶心,iframe只要一出现,写的正常代码就容易出现各种bug,比如iframe中的元素不能document.getElementBy...正常获取,比如iframe中的元素 ...

  7. chrome 扩展开发 - 如何获得iframe中的元素 和 相关问题解答

    记一次需求完成的经过,要获取iframe中的元素,然后在页面进行分段跳转和相关操作,途中遇到了几个问题,方便后续自我回忆. 问题一  chrome扩展开发中 Popup页面无法持续保持的问题 [未解决 ...

  8. js计算数组中每个元素出现的次数(2种方法)

    js计算数组中每个元素出现的次数(2种方法) js动态生成唯一id Javascript生成全局唯一标识符(GUID,UUID)的方法

  9. java selenium iframe_java selenium处理Iframe中的元素示例

    java selenium  处理Iframe 中的元素 有时候我们定位元素的时候,发现怎么都定位不了. 这时候你需要查一查你要定位的元素是否在iframe里面 阅读目录 什么是iframe ifra ...

最新文章

  1. JavaScript 公有 私有 静态属性和方法
  2. MySQL关于事务控制、视图、存储过程和函数
  3. C语言strstr()函数(在主字符串里查找子字符串,返回第一次找到的子字符串以及后面的字符串)
  4. python语言程序设计慕课_中国大学MOOC(慕课)_Python语言程序设计基础_试题及答案...
  5. Nacos与Eureka的区别有哪些?
  6. Java线程start()vs run()方法及示例
  7. 音乐 美术 计算机期末考试表,2021东莞中考音乐美术信息技术合格性考试时间安排...
  8. 微金融php源码下载,ThinkPHP金融微盘微交易系统平台源码
  9. centos下安装JDK8的方法
  10. MySQL-快速入门(15)MySQL Replication,主从复制
  11. android 自定义view 实现电影选座功能
  12. 如何制定有效的项目管理计划?
  13. VMware中的三种网络模式
  14. 【Web技术】1395- Esbuild Bundler HMR
  15. matlab设计高通系统,用matlab设计高通滤波器雪比切夫、fir两种方法 课程设计HPF.doc...
  16. 猜拳游戏(基于TCP socket的编程)
  17. 110配线架打法图解_110配线架打法图解 110配线架图片
  18. 9轴陀螺仪KF系列算法的轴向问题
  19. Excel的公式:公式基本使用、单元格地址引用、错误值利用、追踪公式利用与追踪错误
  20. [转载] 服务器基础知识

热门文章

  1. python怎么爬虫理数据_Python神技能 | 使用爬虫获取汽车之家全车型数据
  2. 【剑指offer】_13 圆圈中最后的数
  3. 编写声卡驱动(框架)
  4. 关于MCU、CPU扩展SDRAM的一个小知识
  5. 【Linux网络编程学习】使用socket实现简单服务器——多进程多线程版本
  6. 我在美团Android研发岗工作的那5年,含泪整理面经
  7. 腾讯,字节,阿里,小米,京东大厂Offer拿到手软!绝对干货
  8. python生成泊松分布随机数_泊松分布随机数
  9. python数据结构之队列(一)
  10. datatable转化泛型