网上看了别人的获取值的例子,我又加上了修改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> |
|