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中，好像没有被执行到 展开
<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中，好像没有被执行到 展开
展开全部
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
