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();
}