web前端|js教程
JQuery,自适应,IFrame
web前端-js教程
农村淘宝源码,vscode文档编辑插件,ubuntu 命令安装,tomcat 主机头,sqlite术语解释,网页设计 均衡,access 数据库 缺点,ftp服务器 用户空间大小,如何在自己网站添加论坛插件,饿了么前端ui框架,rss爬虫,php验证码代码,seo与网络推广,springboot中,html5中header标签,某国际大酒店网站源码整站打包,jquery 特效网页,帝国 如何修改模板,dedecms后台登陆慢,php 页面调整,vb图书管理系统代码,mfc打开图片程序lzw
function adjustIFramesHeightOnLoad(iframe) {
var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}
失败的测试就不说了,来直接的。
两个链接和iframe:
手机app应用商城源码下载,怎么开放ubuntu端口,tomcat怎么设计分区域,爬虫咬钩,php7取硬件信息,丝瓜seo在线lzw
个人信息
修改密码
js代码:
云控系统源码开发,ubuntu安装程序签名,提示tomcat运行速度,爬虫蛇 下载,php 移动办公,湖南seo网络营销推广公司地址lzw
<!--
$(function(){
$("#c-c-iframe").load(function(){
$(this).height($(this).contents().find("#content").height() + 40);
});
});
-->
这里的find(“#content”)是找出iframe内容文档中的id为content的高度(另外比如find(“body”)),并设置给iframe,
类似的还可以设置宽度,留给需要的朋友尝试吧。
这样就解决了iframe不会因为内容过大被挡住的问题(因为我设置了scrolling=”no”)。
PS:基本上我会优先考虑使用iframe来实现无刷新,兼容浏览器的后退按钮;而且使用iframe加载flash是很爽的,不用写什么js调用,object标签,还符合W3C标准。
11月28日17:13:31 ,今天使用过程中根据实际情况进行了一下改良,代码如下:
<!--
$(function(){
$("#workArea").load(function(){
var height = $(this).contents().find("#box").height() + 40;
//这样给以一个最小高度
$(this).height( height < 400 ? 400 : height );
});
});
-->
另发现使用find(“body”)不太好使,高度不准确。