網站設計排版中表單超過iframe框架高度腫麼辦
2017.05.02
很多網站設計師或SEO在在進行網站頁麵排版時會遇到iframekuangjiazhongdebiaodanchaoguoqikuangjiagaodudeqingkuang，yixieyoujingyandelaoshoudouyouzijidejiejuebanfa。danshiduiyunaxiemeiyoujingyandeshejirenyuanlaishuojiubuzhidaoyinggaizenmebeizidongyinzangle。yudaolewentijiuyaojishidequjiejue，namedangwomenzaiwangzhanshejipaibanzhongyudaobiaodanchaoguoiframe框架高度時應該腫麼辦呢？
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。
