`
wawa129
  • 浏览: 321144 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

拿到iframe中id的值

    博客分类:
  • js
 
阅读更多
</table>
     </td>
<td><iframe frameBorder='0' width="100%" id="personList" src="<%=basePath%>/main/announce2.0/auditPersonList.jsp "> </iframe></td>
<td>
         <table>

auditPersonList.jsp 中有个id='fsName';

取值方法var fsName = $("#personList").contents().find('#fsName').va();


能过调用frame中的方法,取得frame中radio被选中的值
parent.personList.getFsName()

function getFsName(){
    var fsName = $("input:[name=fsName]:radio:checked").val();
     return fsName;
     }







下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现。

第一、在iframe中查找父页面元素的方法:
$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法:
$(this).contents().find("#suggestBox")

第三、在iframe中调用父页面中定义的方法和变量:
parent.method
parent.value



iframe里用jquery获取父页面body
iframe.html

<html>
<script src='jquerymin.js'>
</script>
<body id='1'>
    <div>it is a iframe</div>
</body>   
<script>
    $(document).ready(
        function()
        {
          
        var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了
           
        alert(c.html());
        }
    );
   
</script>
</html>





content.html

<html>
    <script src='jquerymin.js'>
</script>
<body id='fa'>
    <iframe src='iframe.html' width='100' height='100'></iframe>
    <br>
        <br>
            <br>
            <div id='mydiv'>content iframe</div>
</body>   
<script>
    function a()
    {
        alert(1);
    }
    alert($(document).text());
    </script>
</html>
分享到:
评论

相关推荐

    JS获取并操作iframe中元素的方法

    document.frames[‘iframe的name’].document.getElementById(‘元素的ID’); 以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。...

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    抱着“取之于众 服务于众”的思想,我总结了一下,把它拿到网上来与大家分享,希望能帮助遇到类似问题的朋友。我主要使用了IE内置的WebBrowser控件,无需用户下载和安装。WebBrowser有很多功能,除打印外的其他功能...

    基于 jquery 的 web 开发中通用 js

    1.支持所有页面的 enter (使用方法:在要enter 键的按扭上 加上 id = "enter") 2.支持 html include 与 iframe 不同是不包含 &lt;!doctype 。...8.页面之间传参数,根据 key 拿到 value (get 请求) ....

    javascript给span标签赋值的方法

    &lt;span id=hello&gt; [removed] function s(){ document.getElementById(hello)[removed] = &lt;iframe src= height=400 width=300&gt;&lt;/iframe&gt;; } [removed] 第二种方法:输出文本 &lt;body onload=s()&gt; ...

    webcord:最后,一个只需要令牌和频道 ID 的 Discord 网络客户端

    最后,一个只需要令牌和频道 ID 的 Discord 网络客户端 关于这个项目 WebCord 具有令人兴奋的功能。 • 自动刷新 • 支持表情符号 • 支持附加图像 • 查看所有服务器 待办事项清单 • 支持文件 • 解析链接 • ...

    解决前后端分离 vue+springboot 跨域 session+cookie失效问题

    首先发现sessionID不一致,导致每一次都是新的会话,当然不可能存在用户了。然后发现cookie浏览器不能自动保存,服务器响应set-cookie了 搜索问题,发现跨域,服务器响应的setCookie浏览器无法保存,而且就算保存了...

    超市管理系统

    在JSP页面上, 拿到传递来的供应商信息.动态展示在下拉列表中. (7)账单,供应商,用户新增修改时: 1.页面必须有JS客户端验证. 2.Servlet服务端获取页面参数时,必须要有服务端验证. 例如判空 3.新增的成功失败给...

    图库新版jQuery焦点图 JS代码

    // ad function dy(code) ...document.writeln ('&lt;iframe width="120" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src=...

    javascript常用的方法整理

    整理了一些JS的常用方法,包括验证啊,全选反选啊,ajax请求啊之类的,因为就是自己用的,写的都比较简单,就算抛砖引玉吧,喜欢的就拿去,不喜欢就拉到 Tools.min.js /** * JS公用类库文件 * 创建时间:2015-05-...

Global site tag (gtag.js) - Google Analytics