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

我现在要做的是：在页面的一个文本域中写上HTML源码，然后点击按钮，在当前页面内的一个iframe里面显示出这段源码的可视化内容，现在主页面有下列代码：<html><te... 我现在要做的是：在页面的一个文本域中写上HTML源码，然后点击按钮，在当前页面内的一个iframe里面显示出这段源码的可视化内容，现在主页面有下列代码：
<html>
<textarea id="srcHtml" style="width:80%;height:400px;">1</textarea>
<input id="veBtn" type="button" value="可视化预览编辑" onclick="toViewEdit()"/>
<iframe id="preview" src="preview.jsp" width="100%" height="500"></iframe>
</html>
function toViewEdit() {
　var pDoc = window.frames["preview"].document;
　pDoc.body.innerHTML = $("#srcHtml").val();
}
同时，我在iframe里的preview.jsp中添加了一些初始化用的JS代码，要怎么做，才能在我点击“可视化预览编辑”后，对preview.jsp里的初始化代码执行起来？
preview.jsp里的初始化代码在单独执行这个页面时是正确的，如果放入iframe中，好像没有被执行到展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

前端哈哈哈
2015-08-21 · 超过40用户采纳过TA的回答

知道小有建树答主

回答量：71

采纳率：0%

帮助的人：57.2万

我也去答题访问个人页

关注

展开全部

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>

已赞过 已踩过<

评论收起

jhxgly
2012-06-29 · 超过12用户采纳过TA的回答

知道答主

回答量：40

采纳率：0%

帮助的人：29.8万

我也去答题访问个人页

关注

展开全部

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

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

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

其他类似问题

为你推荐：