js通過iframe加載外部網(wǎng)頁的實現(xiàn)代碼
更新時間:2015年04月05日 23:12:44 投稿:mdxy-dxy
這篇文章主要介紹了js通過iframe加載外部網(wǎng)頁的實現(xiàn)代碼,需要的朋友可以參考下
今天從別的網(wǎng)站看到的,不需要跳轉(zhuǎn)到別的頁面直接本域名下調(diào)用外部網(wǎng)頁。里面用js控制iframe的大小,確實不錯。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>腳本之家_www.dbjr.com.cn</title> <meta name="keywords" content="腳本之家,腳本之家_www.dbjr.com.cn" /> <meta name="description" content="腳本之家相關(guān)信息,腳本之家_www.dbjr.com.cn" /> <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico"> <link href="images/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> window.onerror=function(){return true;} $(function() { headerH = 0; var h = $(window).height(); $("#huoduan_frame").height((h-headerH)+"px"); }); </script> <!--[if IE 6]> <script type="text/javascript" src="js/DDPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.png'); </script><![endif]--> </head> <body scroll="no" style="margin:0; padding:0; overflow-y:hidden "> <iframe id="huoduan_frame" frameborder="0" scrolling="yes" name="main" src="http://www.dbjr.com.cn/index.htm" style=" height:500px; visibility: inherit; width: 100%; z-index: 1;overflow: visible;"></iframe> <div style="display:none"> © <a >好搜網(wǎng)</a> <a target="_blank">最好的搜索引擎</a> 以上搜索結(jié)果由<a target="_blank">百度</a>驅(qū)動 </div> </body></html>
腳本之家小編注: 里面使用了jquery。
您可能感興趣的文章:
- js檢測iframe是否加載完成的方法
- js下判斷 iframe 是否加載完成的完美方法
- JS加載iFrame出現(xiàn)空白問題的解決辦法
- 基于JS判斷iframe是否加載成功的方法(多種瀏覽器)
- JS iFrame加載慢怎么解決
- javascript實現(xiàn)iframe框架延時加載的方法
- 動態(tài)加載js、css等文件跨iframe實現(xiàn)
- javascript firefox 自動加載iframe 自動調(diào)整高寬示例
- js中頁面的重新加載(當前頁面/上級頁面)及frame或iframe元素引用介紹
- javascript應(yīng)用:Iframe自適應(yīng)其加載的內(nèi)容高度
- JS判斷iframe是否加載完成的方法
相關(guān)文章
基于JavaScript實現(xiàn)鼠標箭頭移動圖片跟著移動
這篇文章主要介紹了基于JavaScript實現(xiàn)鼠標箭頭移動圖片跟著移動的核心代碼,代碼比較簡單易懂,需要的朋友可以參考下2016-08-08Bootstrap實現(xiàn)input控件失去焦點時驗證
這篇文章主要介紹了Bootstrap實現(xiàn)input控件失去焦點時驗證的相關(guān)資料,非常不錯,需要的朋友可以參考下,需要的朋友可以參考下2016-08-08JavaScript生成的動態(tài)下雨背景效果實現(xiàn)方法
這篇文章主要介紹了JavaScript生成的動態(tài)下雨背景效果實現(xiàn)方法,通過自定義函數(shù)實現(xiàn)動態(tài)背景效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02