<script type="text/javascript">
function SetCwinHeight(){
var bobo=document.getElementById("bobo"); //iframe id
if (document.getElementById){
if (bobo && !window.opera){
if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
bobo.height = bobo.contentDocument.body.offsetHeight;
}else if(bobo.Document && bobo.Document.body.scrollHeight){
bobo.height = bobo.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()"
height="1" frameborder="0"
src="/default.asp?cateID=1"></iframe>
HTML代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
</head>
<body>
<script type="text/javascript">
function SetCwinHeight(){
var bobo=document.getElementById("bobo"); //iframe id
if (document.getElementById){
if (bobo && !window.opera){
if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
bobo.height = bobo.contentDocument.body.offsetHeight;
}else if(bobo.Document && bobo.Document.body.scrollHeight){
bobo.height = bobo.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()"
height="1" frameborder="0"
src="/default.asp?cateID=1"></iframe>
这里写几个字试试！子鼠！
</body>
</html>
分享到：
相关推荐
接下来，根据不同的浏览器类型（如Firefox或IE），获取`iframe`内部页面的实际高度，并设置`iframe`的高度为该值。 ##### 方法二：利用`onload`事件 在`iframe`标签中添加`onload`属性，调用上述的`SetWinHeight`...
总的来说，实现Iframe的高度自适应对于提高网页的可用性和美观性至关重要。无论是同域还是跨域，都有相应的JavaScript解决方案来动态调整iframe的高度，以适应内容的变化。开发者可以根据具体的需求和环境选择适合的...
该方法适用于现代浏览器，包括Chrome、Firefox、Safari等。 **核心代码示例：** ```javascript function setWinHeight(obj) { var win = obj; if (document.getElementById) { if (win && !window.opera) { if...
标题中的“IE FF OPERA都可用的弹出层实现代码”指的是这段JavaScript代码可以在Internet Explorer (IE)、Firefox (FF) 和 Opera 浏览器中兼容地创建一个弹出层，即一个浮动在页面上的对话框或信息提示窗口。...
12、修复Firefox调大对话框拖帧的现象 13、修复拖动对话框时候可能因鼠标置入iframe窗口而导致鼠标被粘住的问题 14、修复了内部$.newId方法的一处错误，特定情况下导致定义了ID的对话框无法弹出 15、删除脚本对...
`contentWindow`在所有主流浏览器中都得到了良好的支持，包括Chrome、Firefox、Safari、Edge以及IE8及以上版本。 `contentDocument` 是一个与`contentWindow`相关的属性，它用于获取`iframe`内部的`document`对象，...
7) 改进的插入超链接功能,支持打开窗口方式的选择,并且修正原来功能在FIREFOX浏览器下不可用的BUG。 <br>2007/7/21 Version 3.2.3 Stable <br>Updates: 1) 修正上传功能设置为自动改名后,上传文件...
不同浏览器通常会采用不同的内核，如Chrome和Safari使用Webkit内核，Firefox使用Gecko内核，IE使用Trident内核，而Edge基于Chromium则使用Blink内核。 `<iframe>`标签虽然用于在页面中嵌入另一个独立的HTML文档，但...
[关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...
- **Gecko**：Firefox的内核。 - **Trident**：IE的内核，现在已被EdgeHTML取代。 **07、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？** - **新特性**：包括语义化标签（如`...
- **常见内核**：WebKit（Safari, Chrome）、Gecko（Firefox）、Blink（基于WebKit，Chrome和Opera）、Trident（IE）。 6. **HTML5新特性与移除元素** - **新特性**：增加了语义化标签如`<header>`、`<footer>`、...