JS如何动态显示iframe内容，以及初始化？

发布网友发布时间：2022-04-22 02:14

共2个回答

热心网友时间：2023-10-03 22:49

1、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

2、我是使用jquery来做的测试：

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$('#submit').click(function(){
var src = $('#srcTest').val();
$('#test').attr('src',src);//动态改变src
});
})

</script>

</head>

<body>
<p>
请输入你需要的src：<input id="srcTest"/>
<input id="submit" type="button" value="提交"/>
</p>
<iframe id="test" src="01.html"></iframe>
</body>
</html>

热心网友时间：2023-10-03 22:50

function toViewEdit() {
　var pDoc = document.getElementById("preview").contentWindow.document;
　pDoc.body.innerHTML = $("#srcHtml").val();
}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com