JS如何动态显示iframe内容,以及初始化?
1、iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
2、我是使用jquery来做的测试:
代码如下:
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""
html?xmlns=""
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

怎么用js来设置这个iframe属性谢谢啦
!DOCTYPE?HTML
html
head
meta?charset="UTF-8"?/
titlelast.html/title
style
/style
script?type="text/javascript"
window.onload?=?function?()
????{
????var?iframe?=?document.createElement?('iframe');
????iframe.src?=?"index.html";
????iframe.setAttribute("scrolling",?"no");
????iframe.setAttribute("frameborder",?0);
????iframe.style.position?=?"fixed";
????iframe.style.bottom?=?0;
????iframe.style.right?=?0;
????iframe.style.width?=?"305px";
????iframe.style.height?=?"320px";
????document.body.appendChild?(iframe);
????}
/script
/head
body
/body
/html
如何从主页面用js操控iframe页面的内容
其实也就是js操控iframe切换对应的页面。举个荔枝。iframe id="temp" src="a.html"/iframe, document.getElementById('temp').src = 'b.html';如果用jquery也可以$('temp').attr('src', 'b.html');