• 技术文章 >web前端 >js教程

    同域jQuery(跨)iframe操作DOM(示例代码)_jquery

    2016-05-16 17:09:14原创553
    frame目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。
    复制代码 代码如下:






    复制代码 代码如下:

    $('#read-aa').click(function()
    {
    var v=$('#aa').contents().find('body').html();
    alert(v);
    });
    $('#write-aa').click(function()
    {

    $('#aa').contents().find('div').append('
    这是index.php操作aa.php写入的内容');
    });

    主要方法是 contents(),读取iframe。

    2、iframe跨父框架操作iframe

    复制代码 代码如下:



    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb



    这是iframe #bb里的内容




    HTML:代码
    复制代码 代码如下:



    jQuery操作iframe






    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jQuery iframe DOM
    上一篇:js 上下左右键控制焦点(示例代码)_javascript技巧 下一篇:利用JS来控制键盘的上下左右键(示例代码)_javascript技巧
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一文了解JavaScript栈• JavaScript字典与集合(总结分享)• Node.js怎么实现分片上传?方法介绍• 深入理解JavaScript内存管理和GC算法• 如何上手Angular,先从 8 个开源项目开始!
    1/1

    PHP中文网