php 开源 Python nginx mysql Ubuntu apache Android shell Firefox 编程 微软 云计算 centos Windows google wordpress java linux 程序员

iframe 自動適應高和寬問題 和 其他Frame操作技巧

< DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd>
iframe 自動適應高和寬問題


iframe的滾動條很難看,很多時候需要自動調整高和寬 擴展到使頁面顯示正常。
搜索了一下,以下是解決辦法:


function iframe_resize()
{
/方法一
document.getElementByIdx("iframe_resume").style.height= iframe_resume_name.document.body.scrollHeight; // IE7 和Firefox 都可以
document.getElementByIdx("iframe_resume").style.width = iframe_resume_name.document.body.scrollWidth; // IE7 和Firefox 都可以

//方法二:
// document.getElementByIdx("iframe_resume").style.height= windows.iframe_resume.document.body.scrollHeight; //IE7可以Firefox 不行
// document.getElementByIdx("iframe_resume").style.width =iframe_resume.document.body.scrollWidth; //IE7可以Firefox 不行 , 一般要引用window對象的屬性和方法時,不需要用“window.xxx”這種形式,而直接使用“xxx”就可以了。

return true;
}


在IE7和Firefox下面測試可以通過。但如果src指向的使 www.baidu.com 或者www.163.com 的時候還是不能適應。 這些頁面防止被frame了?

防止被 frame 代碼


各frame之間相互操作(Frame Target) ,ifame一樣有效

窗口標識(Frame Name)

//////////////////是name 不是id

示例
A B

特殊的 4 類特殊的鏈接操作(很有用喔)

新窗口
本窗口
父窗口
整個瀏覽器窗口

更新ifame窗口的內容 還可以 在 鏈接 的 onclick事件中觸發以下函數
function iframe_go(url)
{

//windows.iframe_resume.location.href=url; // 只是在 IE 中有效 ,
document.getElementByIdx("iframe_content").src=url; // IE和Firefox都可以
return false; // 有的服務器控件一定要返回false他才有反應。
}

延伸阅读

    评论