如下图,怎么通过js或jquery获取iframe里面body的内容?
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填写相应html代码。
2、在index.html的<script>标签中,输入js代码:
var a = $('#iframe').text();
var s = a.indexOf('<iframe><body>');
var e = a.indexOf('</body>');
var r = a.substr(s + 14, e - s - 14);
$('#iframe').parent().append(r);
3、浏览器运行index.html页面,此时两层iframe里的内容被取出来了。
推荐于2017-11-24
<script type="text/javascript">
function aClick(){
var win = document.getElementById('b').contentWindow;
alert( win.document.body.innerText );
}
</script>
</head>
<body>
<input type="button" onclick="aClick()" id="a" value="测试"/>
<iframe id="b" name="c" src="a.txt">
</body>
</html>
这样能获取iframe里的body文本内容 如果要是html内容 把innerText改成innerHTML
iframe 里面还有个iframe ,没有id, name 什么的
没有你加一个就是了呗。 id 和name只是一个标识,完全没影响的。举个例子:老师要叫一个叫张三的起来答问题,如果下面的学生都没有自己名字,他们怎么知道谁是张三呢?
$("#btn1").click(function(){
$('#test').load("test1.txt",function(response,status,xhr){
if(status=="success"){alert(response + "-----"+"加载成功!")}
if(status=="error"){alert("加载失败!")}
});
});
<button id="btn1" type="button">获得外部的内容</button>
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html,填充相应html代码。
2、在index.html的<script>标签中,输入js代码:
var a=$('#iframe').text();
var start = a.indexOf('<iframe><body>');
var end = a.indexOf('</body>');
var r = a.substr(start + 14, end - start - 14);
$('#iframe').parent().append(r);
3、浏览器运行index.html页面,此时从两层iframe中取出内容来了