http://www.itjxue.com  1970-01-01 08:00  来源:  点击次数: 

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');

(责任编辑:IT教学网)

更多
上一篇:没有了

推荐XML/XSLT文章