官网设计排版中表单超过iframe框架高度肿么办
2017.05.02
很多官网设计师或SEO在在进行官网页面排版时会遇到iframe框架中的表单超过其框架高度的情况，一些有经验的老手都有自己的解决办法。但是对于那些没有经验的设计人员来说就不知道应该怎么被自动隐藏了。遇到了问题就要及时的去解决，那么当我们在官网设计排版中遇到表单超过iframe框架高度时应该肿么办呢？
iframe框架的概念：iframe框架指的就是在当前页面中插入另外一个页面，也就是调用或使用代码插入。
存在的问题有：1、iframe结构在部分IE内核的浏览器中打开时会造成CPU的负担，所以当页面上iframe内容过多时可能导致浏览器崩溃和CPU占用率过高。2、iframe结构被搜索引擎认为是不友好的。所以分形科技建议我们在制作官网时应尽量减少iframe的使用。
注意：百度明确提出不喜欢有违背用户真实意思的网页，所以如果企业官网需要做百度搜索引擎优化，那么一定不要使用iframe代码框架。
解决iframe框架中表单超过高度限制后自动隐藏的命令代码：
<script type="text/javascript">
$(document).ready(function()
{
// Set specific variable to represent all iframe tags.
var iFrames = document.getElementsByTagName_r('iframe');// Resize heights.
function iResize()
{
// Iterate through all iframes in the page.
for (var i = 0, j = iFrames.length; i < j; i++){// Set inline style to equal the body height of the iframed content.
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
}
// Check if browser is Safari or Opera.
if ($.browser.safari || $.browser.opera)
{
// Start timer when loaded.
$('iframe').load(function()
{
setTimeout(iResize, 0);
}
);
// Safari and Opera need a kick-start.
for (var i = 0, j = iFrames.length; i < j; i++){var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
}
else
{
// For other good browsers.
$('iframe').load(function()
{
// Set inline style to equal the body height of the iframed content.
if(this.contentWindow.document.body.offsetHeight>1000){this.style.height = 700 + 'px';//此处为最小高度的设置}else{this.style.height = this.contentWindow.document.body.offsetHeight + 'px';}
}
);
}
}
);
</script>
操作方法：只要把上述文件外加一个jquery文件一起加载下，就会出现我们想要达到的效果。
以上内容由【分形科技】编辑整理！更多有关北京官网建设、企业官网建设、官网优化、网络运营、移动端官网建设、电商官网建设等互联网应用服务都可以利记亚洲！服务方式：010-64928252、400-6446-365。
在告诉大家解决方法之前，我们还需要对网页设计图片格式、官网设计标准、网页设计进展、网页兼容性设计、官网设计沟通、网页设计布局理念和官网界面设计方法等各识有一个详细的了解。并以这些知识为基础来支撑整个官网设计制作的工作。
iframe框架的概念：iframe框架指的就是在当前页面中插入另外一个页面，也就是调用或使用代码插入。
存在的问题有：1、iframe结构在部分IE内核的浏览器中打开时会造成CPU的负担，所以当页面上iframe内容过多时可能导致浏览器崩溃和CPU占用率过高。2、iframe结构被搜索引擎认为是不友好的。所以分形科技建议我们在制作官网时应尽量减少iframe的使用。
注意：百度明确提出不喜欢有违背用户真实意思的网页，所以如果企业官网需要做百度搜索引擎优化，那么一定不要使用iframe代码框架。
解决iframe框架中表单超过高度限制后自动隐藏的命令代码：
<script type="text/javascript">
$(document).ready(function()
{
// Set specific variable to represent all iframe tags.
var iFrames = document.getElementsByTagName_r('iframe');// Resize heights.
function iResize()
{
// Iterate through all iframes in the page.
for (var i = 0, j = iFrames.length; i < j; i++){// Set inline style to equal the body height of the iframed content.
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
}
// Check if browser is Safari or Opera.
if ($.browser.safari || $.browser.opera)
{
// Start timer when loaded.
$('iframe').load(function()
{
setTimeout(iResize, 0);
}
);
// Safari and Opera need a kick-start.
for (var i = 0, j = iFrames.length; i < j; i++){var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
}
else
{
// For other good browsers.
$('iframe').load(function()
{
// Set inline style to equal the body height of the iframed content.
if(this.contentWindow.document.body.offsetHeight>1000){this.style.height = 700 + 'px';//此处为最小高度的设置}else{this.style.height = this.contentWindow.document.body.offsetHeight + 'px';}
}
);
}
}
);
</script>
操作方法：只要把上述文件外加一个jquery文件一起加载下，就会出现我们想要达到的效果。
以上内容由【分形科技】编辑整理！更多有关北京官网建设、企业官网建设、官网优化、网络运营、移动端官网建设、电商官网建设等互联网应用服务都可以利记亚洲！服务方式：010-64928252、400-6446-365。
400-6446-365 / 010-64928252
我想要个更针对我需求的方案
也许您需要专业的服务，欢迎来电咨询
您的需求，是我们前进最大的动力
关于我们
利记亚洲有限公司成立于2003年，是一家以AI为核心驱动力，提供网络品牌策划、AI互联网服务、WEB3服务、AI人工智能解决方案的综合服务商
我们一直秉承的经营理念：责任、热情、品质、包容
主要业务范围：AI互联网服务（官网建设,官网群,短视频社交平台,APP,小程序）AI人工智能行业解决方案（智慧博物馆,智慧公园,智慧景区,智慧社区,智慧医疗,智慧校园,）IoT智能物联产品（智能步道,AR太极,AI健身,AI导览,AI单车,智慧树）WEB3（区块链,元宇宙,NFT数字藏品）