jsp頁(yè)面iframe高度自適應(yīng)的js代碼
更新時(shí)間：2014年09月29日 16:59:27 投稿：whsnow
iframe高度自適應(yīng)，獲取自身高度,之后將高度作為參數(shù)傳遞，在窗口加載后執(zhí)行就可以了
以下操作寫(xiě)在body里面，form表單外
<iframe id="agentFrame" name="agentFrame" src="" width="0" height="0" style="display:none;" ></iframe>
<script type="text/javascript">
function sethash(){
hashH = document.documentElement.scrollHeight; //獲取自身高度
urlC = "/test.jsp"; //設(shè)置iframeA的src
document.getElementById("agentFrame").src=urlC+"#"+hashH; //將高度作為參數(shù)傳遞
}
window.onload=sethash;
</script>
test.jsp如下：
<%@ page contentType="text/html;charset=GBK" language="java"%>
<script>
function pseth() {
var iObj = parent.parent.document.getElementById('infoFrame');
iObjH = parent.parent.frames["infoFrame"].frames["agentFrame"].location.hash;
iObj.style.height = iObjH.split("#")[1]+"px";
}
window.onload=pseth();
</script>
您可能感興趣的文章:
- javascript 中iframe高度自適應(yīng)（同域）實(shí)例詳解
- JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例
- JS解決iframe之間通信和自適應(yīng)高度的問(wèn)題
- jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁(yè)面內(nèi)容自適應(yīng)的方法
- JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法(兼容IE與FireFox)
- js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法
- 使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題
- iframe高度自適應(yīng)及隱藏滾動(dòng)條的實(shí)例詳解
相關(guān)文章
搭建Eclipse+MyEclipse開(kāi)發(fā)環(huán)境
搭建Eclipse+MyEclipse開(kāi)發(fā)環(huán)境...2007-02-02
JSP 自定義標(biāo)簽實(shí)現(xiàn)數(shù)據(jù)字典的實(shí)例
這篇文章主要介紹了JSP 自定義標(biāo)簽實(shí)現(xiàn)數(shù)據(jù)字典的實(shí)例的相關(guān)資料,這里實(shí)現(xiàn)這樣的功能，希望能幫助到大家，需要的朋友可以參考下2017-08-08
先從題庫(kù)中隨機(jī)抽取十道題，然后將其保存在另一張表中并將其相應(yīng)的題號(hào)變?yōu)橐坏绞１阌诮酉聛?lái)的其他操作。2011-05-05
JSP開(kāi)發(fā)入門(mén)(一)--安裝好你的機(jī)器來(lái)使用JSP
JSP開(kāi)發(fā)入門(mén)(一)--安裝好你的機(jī)器來(lái)使用JSP...2006-10-10
jsp實(shí)現(xiàn)cookie的使用...2006-10-10
jsp form表單方法示例代碼，大家可以看下，對(duì)于新手來(lái)說(shuō)是必備的知識(shí)。2009-10-10
jsp實(shí)現(xiàn)Servlet文件下載的方法
這篇文章主要介紹了jsp實(shí)現(xiàn)Servlet文件下載的方法,涉及jsp基于Servlet實(shí)現(xiàn)文件下載的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JSP模板應(yīng)用指南（下）...2006-10-10
jsp源碼實(shí)例3（獲取jsp各種參數(shù)）...2006-10-10
jsp中select的onchange事件用法實(shí)例
這篇文章主要介紹了jsp中select的onchange事件用法,以實(shí)例形式較為詳細(xì)的分析了JSP數(shù)據(jù)庫(kù)查詢(xún)、遍歷及結(jié)合JavaScript響應(yīng)鼠標(biāo)事件處理select相關(guān)技巧,需要的朋友可以參考下2015-10-10