zoukankan      html  css  js  c++  java
  • jquery 查找 iframe 父级页面元素

    父页面代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <div style="height:300px; background-color:#CC9900"></div>
    <div>
    <iframe src="test_iframe.html"></iframe>
    </div>
    </body>
    </html>

    iframe页面代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
    $(
    "body",parent.document).append('hahaha');
    </script>
    </head>

    <body>
    iframe test--@mybest
    </body>
    </html>

     在jQuery的文档上有这样的记录:

    jQuery(html, [ownerDocument])

    参数

    html   String

    用于动态创建DOM元素的HTML标记字符串

    ownerDocument (可选)   Document

    创建DOM元素所在的文档

    还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊!

    ------补记--------------------------

    在测试时,发现chrome如何也不能实现上述要求,后来看到网上有人指出iframe不能跨域,这是问题之一,另一个原因是要放到一个站点中去测试

    如:http://localhost:8087/test.html

    这样chrome也就表现正常了

  • 相关阅读:
    维控PLC与电流变送器modbus通讯获取电流变送器数据
    openmv第一次调试
    电流变送器(互感器)
    物联网数据采集
    STM32编程环境配置(kile5)
    开发日记9
    开发日记8
    开发日记7
    开发日记6
    开发日记5
  • 原文地址:https://www.cnblogs.com/mybest/p/2151610.html
Copyright © 2011-2022 走看看