比如:我在一个iframe里插入了一个图片控件,然后怎能才能让.html文件即时自动地添加相应的代码,就是在查看源文件时,即时能看到操作之后的相应的代码变化,谢谢,大侠!
<!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=gb2312" />
<title>无标题文档</title>
<script>
var imgsrclink="http://119.img.pp.sohu.com/images/blog/2007/9/1/15/19/1155a300520.jpg";
function showifra()
{
var img =window.frames["ifra"].document.createElement('img');
img.src=imgsrclink;
img.id="img1"
img.style.position="absolute";
window.frames["ifra"].document.getElementById("img").appendChild(img)
}
</script>
</head>
<body>
<button onclick="showifra()"> 加入图片 </button>
<iframe id="ifra" name="ifra" src="test.html" width="800" height="300"></iframe>
</body>
</html>
<!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=gb2312" />
<title>无标题文档</title>
<script>
var imgsrclink="http://119.img.pp.sohu.com/images/blog/2007/9/1/15/19/1155a300520.jpg";
function showifra()
{
var img =window.frames["ifra"].document.createElement('img');
img.src=imgsrclink;
img.id="img1"
img.style.position="absolute";
window.frames["ifra"].document.getElementById("img").appendChild(img)
}
</script>
</head>
<body>
<button onclick="showifra()"> 加入图片 </button>
<iframe id="ifra" name="ifra" src="test.html" width="800" height="300"></iframe>
</body>
</html>
不过你可以用DOM查看器来查看文档的结构.
alert(window.frames["ifra"].document.body.innerHTML);
来查看代码的变化
不过可以通过alert(window.frames["ifra"].document.body.innerHTML);来查看代码的变化