问题描述
请参阅下面的代码片段。我希望iframe中的输出文本显示在#source div中。我很努力,并对任何想法表示感谢。如何将iframe中的输出文本复制到div?
(如果div #sourcediv包含Text,则该脚本在div #show中写入Can see text!,否则Can not see text!。)
< html>< body>< div id =source>< / div>< div id =节目>< / DIV> <脚本>如果(document.getElementById('source')。innerHTML.indexOf(Text)!= -1){document.getElementById('show')。innerHTML =Can see text!;} else {document.getElementById 'show')。innerHTML =Can not see text!;}< / script>< iframe id =iframesrc =http://majaulrika.esy.es/text.txt>< >< / html>
进一步您的:
从文件获取内容的更好的解决方案是使用ajax。
这是一种简单的使用ajax和jQuery。
$ b
$。ajax({
url:'http: //output.jsbin.com/sebusu',
success:function(data){
$('#source')。html(data);
$('#show') .text(function(){
if(data.indexOf('Text')!= -1){
返回n'可以看到文本!';
}
else {
returnCan not see text!;
}
});
},
错误:function(){
console.log(error);
}
});
< div id = 源 >< / DIV>
< div id =show>< / div>
< script src =https://code.jquery.com/jquery-3.1.0.js>< / script>
再次,您只能为您的网站调用ajax(有一些)
See code snippet below. I want the output text in the iframe to show in the #source div. I’m struggeling with this, and am grateful for any ideas. How can I copy the output text in the iframe to a div?(The script writes "Can see text!" in div #show if div #sourcediv contains "Text", else "Cannot see text!".)
<html>
<body>
<div id="source"></div>
<div id="show"></div>
<script>
if (document.getElementById('source').innerHTML.indexOf("Text") != -1)
{document.getElementById('show').innerHTML="Can see text!";}
else{document.getElementById('show').innerHTML="Cannot see text!";}
</script>
<iframe id="iframe" src="http://majaulrika.esy.es/text.txt">
</body>
</html>
Further your comment:
A better solution to get a content from file is to use ajax.
Here is a simple approach of using ajax with jQuery.
$.ajax({
url: 'http://output.jsbin.com/sebusu',
success: function(data) {
$('#source').html(data);
$('#show').text(function(){
if (data.indexOf('Text') != -1) {
return 'Can see text!';
}
else {
return "Can't see text!";
}
});
},
error: function(){
console.log(error);
}
});
<div id="source"></div>
<div id="show"></div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
Again, you can call ajax only for your website (with some exceptions)
这篇关于如何将iframe内容复制到div?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!