• 用JS访问iframe中的元素


    用JS访问iframe中的元素

    1.首先,如何访问iframe中的元素?见如下代码:
    (1)1.htm源码:
    <input  type=button value="test"  onclick="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"  onclick="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

  • 相关阅读:
    安装MySQL(简便)
    许愿墙的搭建(基于Apache+php+mysql)
    httpd服务的安装、配置和关于php留言本网站的搭建
    Linux系统的初化始配置(包括配置网络,修改主机名,关闭firewalld与selinux的生效)
    Linux系统root用户忘记密码的重置方法
    Linux下面CentOS 7桌面的安装
    通过挂载系统光盘搭建本地yum仓库的方法
    时间同步ntp服务的安装与配置(作为客户端的配置)
    larbin
    Larbin的安装与配置
  • 原文地址:https://www.cnblogs.com/elleniou/p/3077724.html
Copyright © 2020-2023  润新知