用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

 

 

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/405579.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

诺基亚7原生android,【诺基亚7Plus评测】系统:简洁原生安卓功能却不简单_诺基亚 7 Plus(4GB RAM/全网通)_手机评测-中关村在线...

系统&#xff1a;简洁原生安卓功能却不简单诺基亚 7 Plus的系统为Android 8.0&#xff0c;与国内厂商大刀阔斧的定制化相反&#xff0c;诺基亚 7 Plus的系统几近原生&#xff0c;仅仅内置了微信、微博、支付宝三款国民应用&#xff0c;而且这三个软件都可以卸载&#xff0c;最大…

html文字置顶标签,HTML的marquee标签怎么用?

在HTML中&#xff0c;标签用于在网页中创建滚动文本或图像&#xff1b;可以从水平向左或向右或向右或向左滚动&#xff0c;也可以从上到下或从下到上滚动。marquee元素是成对出现的&#xff0c;下面是标签的一些属性列表&#xff1a;示例1&#xff1a;Marquee标签.main {text-a…

【普通の随笔】6.30

2015年的一半差几个小时也要过去了。 貌似今晚是多加了一秒“闰秒”&#xff0c;今晚可以多睡一秒了&#xff08;然并卵 自从某ACM金牌师兄来讲了次网络流后&#xff0c;自己也停止BZOJ的刷题了&#xff0c;专心学各种新算法。 于是就整理出了这么长的列表。。。这些都是我不会…

清除WIN7桌面背景历史记录

昨天下了咱们官方出品的“2011年1月IT人个性桌面壁纸”。自己使得是WIN7&#xff0c;应用方法就是在桌面上右键——个性化&#xff0c;然后选择“桌面背景”&#xff0c;再通过“浏览”按钮找到指定位置即可&#xff0c;或者干脆直接在图片上右键——设置为桌面背景&#xff0c…

下列可以产生斜体字的html标签是,电子科技大学《网页设计与制作》20秋期末考试题目【标准答案】...

电子科技大学《网页设计与制作》20春期末考试试卷总分:100 得分:100一、单选题 (共 40 道试题,共 100 分)1.如何产生带有数字列表符号的列表&#xff1f;A.B.C.D.2.能够设置成口令域的是( )A.只有单行文本域B.只有多行文本域C.单行、多行文本域D.多行“Textarea”标识3.定制表…

Qt程序窗口关闭不退出而最小化到托盘的方法

一、描述 为避免错点关闭按钮&#xff0c;使得软件关闭退出。需要开发一种类似于QQ桌面之类的功能&#xff0c;点击关闭按钮并不退出&#xff0c;开发的应用程序在用户鼠标点击右上角的关闭按钮时&#xff0c;程序不退出&#xff0c;缩小到右下角&#xff0c;进入托盘。例如wi…

UltraEdit如何自动换行

UltraEdit是一款功能强大的文本工具&#xff0c;可以用于编程。安装UltraEdit之后&#xff0c;默认的设置没有自动换行。设置的方法是&#xff0c;点击菜单栏的“高级→配置”&#xff0c;找到“编辑器→自动换行/制表符设置”&#xff0c;如下图的左边。然后&#xff0c;把“默…

老华为可以升级鸿蒙,真良心!五年前老机型都能升级华为鸿蒙

真良心&#xff01;五年前老机型都能升级华为鸿蒙来源&#xff1a;搜狐网作者&#xff1a;小码说娱乐时间&#xff1a;2021-06-03 12:01:21经过多年的摔打&#xff0c;鸿蒙终于迎来了新生。而在6月2日(今天)晚上的发布会上&#xff0c;令我们感到震惊的不仅仅是华为的新品&…

T-SQL SUM Functions

SQL Server SUM()函数&#xff0c;计算字段值和&#xff0c;不包括NULL值。 下面例子中&#xff0c;计算所有职员薪金总值&#xff1a; 数据源&#xff1a; SQL语句&#xff1a; SELECTSUM([Salary]) AS[Totals]FROM[dbo].[Member]执行结果&#xff1a;

如何在Microwindows中显示图片和安装字体

From: http://bbs.chinaunix.net/thread-1987116-1-1.html 一、前言Microwindows可以运行在 支持Framebuffer的 32位的 Linux系统上&#xff0c;或者也可以使用著名的 SVGALib[45] 库来进行图形显示。此外&#xff0c;它还被移植到16位的EL KS 和实模式的MSDOS上。Microwindows…

MySQL常用语法记录

0、说明 记录MySQL使用到的常用语法。 1、MySQLDISTINCT唯一 2、MySQLLIMIT限制 3、MySQL ORDER排序升序 4、MySQL DESC降序 5、MySQL WHERE 过滤 6、MySQL 操作符 AND OR ,AND优先级高于OR 7、MySQL IN 8、MySQL NOT 否定之后跟的任何条件 9、MySQL LIKE通配符 可在任意位置…

js DOM——JS学习笔记2015-7-2(第73天)

这个是w3cschool上面的简易版教程&#xff0c;虽然简易&#xff0c;但是对整个JS DOM&#xff0c;有个大致的概念&#xff0c;同时引入思维导图这种图表法学习方式&#xff0c;期待更加便于记忆和管理 转载于:https://www.cnblogs.com/zhangxg/p/4615453.html

花卉网页html,花卉管理系统(数据库+源码)

这是一个入门级示例&#xff0c;实现了花卉的 增加 和 查询功能资源下载此资源下载价格为2D币&#xff0c;请先登录资源文件列表花卉管理系统/FlowerManagerSys/.vs/FlowerManagerSys/v15/.suo , 53248花卉管理系统/FlowerManagerSys/.vs/FlowerManagerSys/v15/Server/sqlite3/…

ECNUOJ 2143 端午节快乐

端午节快乐 Time Limit:1000MS Memory Limit:65536KBTotal Submit:1720 Accepted:868 Description 有一段有趣的传说。公元前340年&#xff0c;爱国诗人、楚国大夫屈原&#xff0c;面临亡国之痛&#xff0c;于五月五日&#xff0c;悲愤地怀抱大石投汩罗江&#xff0c;为了不使鱼…

教你看编号选希捷硬盘

对于大部分消费者而言&#xff0c;很多人在选购硬盘时&#xff0c;都会把注意力集中在硬盘的容量上&#xff0c;而近期一些用户也会注意到硬盘的接口&#xff08;IDE或者是SATA&#xff09;等方面&#xff0c;但是&#xff0c;硬盘的性能并不仅仅表示在容量以及接口上&#xff…