js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼
更新時(shí)間：2015年04月05日 23:12:44 投稿：mdxy-dxy
這篇文章主要介紹了js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
今天從別的網(wǎng)站看到的，不需要跳轉(zhuǎn)到別的頁(yè)面直接本域名下調(diào)用外部網(wǎng)頁(yè)。里面用js控制iframe的大小，確實(shí)不錯(cuò)。
<!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ū)動(dòng) </div>
</body></html>
腳本之家小編注： 里面使用了jquery。
您可能感興趣的文章:
- js檢測(cè)iframe是否加載完成的方法
- js下判斷 iframe 是否加載完成的完美方法
- JS加載iFrame出現(xiàn)空白問題的解決辦法
- 基于JS判斷iframe是否加載成功的方法(多種瀏覽器）
- JS iFrame加載慢怎么解決
- javascript實(shí)現(xiàn)iframe框架延時(shí)加載的方法
- 動(dòng)態(tài)加載js、css等文件跨iframe實(shí)現(xiàn)
- javascript firefox 自動(dòng)加載iframe 自動(dòng)調(diào)整高寬示例
- js中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
- javascript應(yīng)用：Iframe自適應(yīng)其加載的內(nèi)容高度
- JS判斷iframe是否加載完成的方法
相關(guān)文章
基于JavaScript實(shí)現(xiàn)鼠標(biāo)箭頭移動(dòng)圖片跟著移動(dòng)
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)鼠標(biāo)箭頭移動(dòng)圖片跟著移動(dòng)的核心代碼，代碼比較簡(jiǎn)單易懂,需要的朋友可以參考下2016-08-08
微信小程序開發(fā)之map地圖實(shí)現(xiàn)教程
相信大家現(xiàn)在都知道微信小程序吧，下面這篇文章主要給大家介紹了微信小程序開發(fā)之map地圖的相關(guān)資料，分享出來(lái)供大家參考學(xué)習(xí)，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
這篇文章主要介紹了JS數(shù)組扁平化、去重、排序操作,結(jié)合實(shí)例形式詳細(xì)分析了JS數(shù)組扁平化、去重、排序等相關(guān)操作原理、實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細(xì)介紹了Javascript的原型和原型鏈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
JavaScript代碼模擬鼠標(biāo)自動(dòng)點(diǎn)擊事件示例
這篇文章主要介紹了JavaScript代碼模擬鼠標(biāo)自動(dòng)點(diǎn)擊事件示例，文章通過(guò)示例代碼和運(yùn)行效果圖介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
確定你是要禁用全局的還是指定控件，如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的，感興趣的朋友可以了解下哈2013-05-05
Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下，需要的朋友可以參考下2016-08-08
Webwork 實(shí)現(xiàn)文件上傳下載代碼詳解
WebWork 當(dāng)然也提供了很友好的攔截器來(lái)實(shí)現(xiàn)對(duì)文件的上傳，讓我們可以專注與業(yè)務(wù)邏輯的設(shè)計(jì)和實(shí)現(xiàn)，在實(shí)現(xiàn)上傳和下載時(shí)順便關(guān)注了下框架上傳下載的實(shí)現(xiàn)2016-02-02
JavaScript生成的動(dòng)態(tài)下雨背景效果實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript生成的動(dòng)態(tài)下雨背景效果實(shí)現(xiàn)方法,通過(guò)自定義函數(shù)實(shí)現(xiàn)動(dòng)態(tài)背景效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要給大家介紹了Javascript中的正則表達(dá)式的使用方式，非常的詳細(xì)，并附上簡(jiǎn)單示例，這里推薦給大家。2015-03-03