javascript - 关于获取iframe便签内内容放在页面别的元素里面,怎么获取不了里面的代码
天蓬老师
天蓬老师 2017-04-10 17:41:22
[JavaScript讨论组]

怎么把li class="lis" value="../input.html">3.输入框</li>里面的valuue里面页面代码放到指定的地方
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <title></title>
    <link type="text/css" rel="stylesheet" href="css/extends.css" />        
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>    
    <script type="text/javascript" src="js/extends.js"></script>
    <!--<link type="text/css" rel="stylesheet" href="css/prettify.css" />-->
    <!--<script type="text/javascript" src="js/prettify.js"></script>-->
    
</head>
<body>

    <p class="p-a" id="p_a">
        <img src="img/webui1.png" class="img-logo" style="width: 148px;height: 40px;"/>
        <p class="title-p">WEBUI移动端组件范例20160217</p>
        <hr />
        <ul>
            <li class="lis" value="../app_btn.html">1.按钮</li>
            <li class="lis" value="../grid.html">2.表格</li>
            <li class="lis" value="../input.html">3.输入框</li>
            <li class="lis" value="../dtPicker.html">4.时间选择</li>
            <li class="lis" value="../loading.html">5.加载</li>
            <li class="lis" value="../collapse.html">6.折叠面板</li>
            <li class="lis" value="../select.html">7.选择</li>
            <li class="lis" value="../tab.html">8.标签</li>
            <li class="lis" value="../tips.html">9.提示</li>
            <li class="lis" value="../hr.html">10.分割线</li>
            <li class="lis" value="../doc/webui_iconfont/demo.html">11.图标</li>
        </ul>
        <hr />
    </p>
    <p class="p-code">
        <pre id="p_code">
        </pre>
    </p>
    <p class="p-mobile">
        <iframe id="ifr_m" name="phone" class="iframe-mobile" src="" scrolling="auto"></iframe>
    </p>
</body>

</html>
$(function() {

$("#p_a li").bind("click", function() {

$(this).addClass("ext").siblings().removeClass("ext");
var _address = $(this).attr("value");
$("#ifr_m").attr("src", _address);
var _htm = "";
var intervalIframe = setInterval(function() {
    _htm = $("#ifr_m").contents().find("body").html();

    if (_htm != "") {*斜体文字*
        $("#p_code").text(_htm);
        clearInterval(intervalIframe);
    }
}, 100);
//var t=$("#ifr_m").contents().find("body");
//$("#ifr_m").load(function() {
//    alert(t);
//});
//$("#p_code").text(t);

});

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(1)
大家讲道理

$("#p_a li").bind("click", function() {

$("#ifr_m").attr("src");
$("#ifr_m").attr("src", $(this).attr("value"));

});

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号