Rumah > hujung hadapan web > tutorial js > jsp页面iframe高度自适应的js代码

jsp页面iframe高度自适应的js代码

高洛峰
Lepaskan: 2017-01-09 09:13:50
asal
1262 orang telah melayarinya

以下操作写在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"; //设置iframeA的src
document.getElementById("agentFrame").src=urlC+"#"+hashH; //将高度作为参数传递
}
window.onload=sethash;
</script>
Salin selepas log masuk

test.jsp如下:

<%@ page contentType="text/html;charset=GBK" language="java"%>
<script>
function pseth() {
var iObj = parent.parent.document.getElementById(&#39;infoFrame&#39;);
iObjH = parent.parent.frames["infoFrame"].frames["agentFrame"].location.hash;
iObj.style.height = iObjH.split("#")[1]+"px";
}
window.onload=pseth();
</script>
Salin selepas log masuk

    

更多jsp页面iframe高度自适应的js代码相关文章请关注PHP中文网!


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan