JS如何动态显示iframe内容,以及初始化?

JavaScript016

JS如何动态显示iframe内容,以及初始化?,第1张

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>

document.getElementById("mydiv").innerHTML =

'<iframe name="myiframe" width="195" height="126" marginwidth="0"

marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"

src="">

</iframe>'

iframe每个页面加载css js如下:

1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame

2(子) frame

3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用。

可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”)1.jquery的append() 代码如下: 速度快,同步(需要引入jquery) var oBody = document.getElementById(“frame3_id”).contentWindow.$(“body”)va