很多用法的iframe

来源：互联网发布：棒约翰知乎编辑：程序博客网时间：2024/04/30 18:54

以前对于iframe有偏见,认为对于浏览器的兼容性不好而不使用,但是现在发现,程序的运行环境已经好了很多,不必要缩手缩脚,有时是要用这样的一些东东以让自己的程序更灵活.
今天在写网页的时候,查看一下人家的页面HTML代码,发现里面又有另外一种自己没想到的iframe的使用方法.在这篇里总结一下给自己备忘.

嵌入上传文件的页面.
这是很常见的用法,即必须在由另一个页面实现的功能做出选择后,将结果填入parent的form中的某一field.对于结果的引用通常是在功能页面的java实现parent.form.field.value=TheValue.
嵌入空的功能页面,实现提交数据时,主页面不跳转
在主页面生成需要提交的数据,由js控制此功能页面提交,以实现主页面未跳转,而应提交的数据已经提交了.
此iframe的长宽定义为0.页面(sample.htm)例:
<html>
<head>
<title></title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
</head>
<body>
<form name=frmUpdate method=post>
</form>
</body>
</html>
嵌入时
<iframe id='ifmUpdate' name='ifmUpdate' frameborder='0' height='0' width='0' src='sample.htm' marginwidth='0' marginheight='0' framespacing='0'></iframe>
提交时的js
      sHTML = "<INPUT type=hidden id='DATA_1' name='DATA_1' value='" + document.frm.data_1.value + "'>";
      ifmUpdate.frmUpdate.innerHTML = sHTML;
      ifmUpdate.frmUpdate.submit();

暂时就写这么多,以后有再补充.