分享

Jquery操作获取Iframe里的元素

 凡夫宝戒 2019-08-28

网上看了别人的获取值的例子,我又加上了修改iframe里元素值的部分供大家参考

主页面:1.html

<html> 

<head> 

<title>jquery方式,访问iframe页面dom元素</title> 

<meta name="Author" content="孙勤波"> 

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

<script type="text/javascript" src="http://s1./r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script> 

</head> 

<body> 

<iframe src="2.html" id="frame_1"></iframe> 

<br /> 

<a id="set_target" href="javascript:getIframeDom();">获取iframe 页面test元素内容</a> 

<a id="stest" href="aaaa">bbb</a> 

<script type="text/javascript"> 

function getIframeDom(){ 

// 获取iframe的test元素 

var test = $("#frame_1").contents().find("#test"); 

alert(test.html());

var lurl=  $("#frame_1").contents().find("#url_location");

alert(lurl.html()); 

lurl.attr("target","_blank");

var $iFrame=$("#frame_1");      

$iFrame.prop("src","http://ny./temp/2.html");    

$iFrame.load(function(){       

    //alert("加载完毕");    

var test = $("#frame_1").contents().find("#test"); 

alert(test.html());

var lurl=  $("#frame_1").contents().find("#url_location");

alert(lurl.html()); 

lurl.attr("target","_blank");

});

</script> 

</body> 

</html> 

Iframe页面:2.html

<html> 

<head> 

<title>iframe页面a.html</title> 

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

</head> 

<body> 

<div id="test">我是测试页面test</div> 

<a id="url_location" href="3.html">open the new window</a>

</body> 

</html> 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多