以前對於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();
暫時就寫這麼多,以後有再補充.