共两个文件
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!-- <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script> -->
<script type="text/javascript">
</script>
</head>
<body>
<div id="p_iframe" style="display:block">
<iframe id="my_iframe" scrolling="auto" src="http://localhost/test/test2.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<title>iframe src</title>
<script type="text/javascript">
$(document).ready(function (){
alert('ee');
parent.document.getElementById("my_iframe").height=parseInt(document.documentElement.scrollHeight)+0;
alert('ddd');
});
</script>
</head>
<body>
<br /><br />
用户名:<input type="text" /><br /><br /><br />
密 码:<input type="password" /><br /><br /><br />
<input type="button" value="提交"/><br /><br /><br />
<input type="reset" value="重置"/>
</body>
</html>
分享到:
相关推荐
JAVASCRIPT让IFRAME框架的高度自适应
主要介绍了js实现iframe自动自适应高度的方法,涉及javascript操作iframe框架的技巧,非常具有实用价值,需要的朋友可以参考下
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
javascript iframe 自适应高度js demo
Iframe自适应高度一直都备受关注,接下来为大家介绍下同域名下Iframe自适应高度的处理以及跨域时Iframe高度自适应,感兴趣的朋友可以参考下哈
javascript 中iframe高度自适应(同域) 今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame...
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为...
代码如下: function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ?...
主要介绍了JS实现iframe自适应高度的方法,涉及javascript与iframe交互动态操作页面元素属性的相关技巧,需要的朋友可以参考下
主要介绍了使用javascript实现Iframe自适应高度,需要的朋友可以参考下
iframe的高度需要根据子页面的实际高度来进行调整,但是如果子页面不在同一域中怎么办?这时候脚本没有办法获取到子页面的高度,存在JavaScript跨域的问题
本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下: <iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling=...
javascript应用:Iframe自适应其加载的内容高度
javascript原生和jquery库实现iframe自适应内容高度和宽度—推荐使用jQuery的代码! <iframe src=index....
javascript 装载iframe子页面,自适应高度