临沂做微信公众号,临沂微信公众号制作,临沂建微商城,临沂做微商城,临沂做微信,临沂微信制作,临沂网站公司,临沂微信小程序开发,临沂景安网络科技有限公司

来自:临沂做微信公众号,临沂微信公众号制作,临沂建微商城,临沂做微商城,临沂做微信,临沂微信制作,临沂网站公司,临沂微信小程序开发,临沂景安网络科技有限公司 发布日期:2019/9/20
核心提示:解决iframe框架中表单超过高度限制后自动隐藏的命令代码
很多网站设计师SEO在在进行网站页面排版时会遇到iframe框架中的表单超过其框架高度的情况,一些有经验的老手都有自己的解决办法。但是对于那些没有经验的设计人员来说就不知道应该怎么被自动隐藏了。遇到了问题就要及时的去解决,那么当我们在网站设计排版中遇到表单超过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文件一起加载下,就会出现我们想要达到的效果。
 
 
首页 | 关于我们 | 新闻动态 | 客户案例 | 联系我们 |
 
版权所有 Copyright©2015-2018 临沂景安网络科技有限公司 www.0539wzjs.com All Rights Reserved
地址:临沂市兰山区创业大厦
TEL:15905495358 【工商营业执照信息公示临沂网站建设
 
请扫描浏览手机网站