JS動態(tài)添加iframe的代碼

更新時間：2015年09月14日 00:44:06 投稿：mdxy-dxy

這篇文章主要介紹了JS動態(tài)添加iframe的代碼,需要的朋友可以參考下

一般對于ie9以上的瀏覽器、chrome等瀏覽器都可以支持

var iframe = document.createElement('iframe'); 
iframe.src="http://chabaoo.cn";  
document.body.appendChild(iframe);

但考慮瀏覽器的兼容性問題可以使用下面的代碼

try{  
   var iframe = document.createElement('<iframe name="ifr"></iframe>');  
  }catch(e){ 
    var iframe = document.createElement('iframe');  
    iframe.name = 'ifr';  
 }

或者

if(ie && version < 9) {
  var iframe = document.createElement('<iframe src="http://chabaoo.cn"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','http://chabaoo.cn');
}

您可能感興趣的文章:

JS基于ocanvas插件實現(xiàn)的簡單畫板效果代碼(附demo源碼下載)
這篇文章主要介紹了JS基于ocanvas插件實現(xiàn)的簡單畫板效果,結合實例形式分析了ocanvas插件實現(xiàn)畫板的相關技巧,并附代碼demo源碼供讀者下載參考,需要的朋友可以參考下
2016-04-04
JavaScipt中棧的實現(xiàn)方法
這篇文章主要介紹了JavaScript數(shù)據(jù)結構與算法之棧詳解,本文講解了對棧的操作、對棧的實現(xiàn)實例等內(nèi)容,需要的朋友可以參考下
2016-02-02
JavaScript利用fetch實現(xiàn)異步請求的方法實例
傳遞信息到服務器，從服務器獲取信息，是前端發(fā)展的重中之重，尤其是現(xiàn)在前后端分離的大前提下，前后端的數(shù)據(jù)交互是前端的必修科目了，下面這篇文章主要給大家介紹了關于JavaScript利用fetch實現(xiàn)異步請求的相關資料，需要的朋友可以參考借鑒。
2017-07-07
解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
今天檢查自己用JQuery+AJAX+PHP做的網(wǎng)站后臺登錄檢測，愛其他瀏覽器中兼容性還不錯結果到了火狐（FireFox）瀏覽器下setTimeout這個JS內(nèi)置函數(shù)不執(zhí)行了，本文將提供詳細的解決方法
2012-11-11
微信小程序填寫用戶頭像和昵稱實現(xiàn)方法淺析
這篇文章主要介紹了微信小程序填寫用戶頭像和昵稱實現(xiàn)方法，我們使用小程序往往能碰到提示允許獲取用戶頭像昵稱，這種功能怎么實現(xiàn)呢？本篇文章帶你探索
2023-02-02
檢測是否已安裝 .NET Framework 3.5的js腳本
管理員必須首先確認存在 .NET Framework 3.5 運行庫，然后才能將 Windows Presentation Foundation (WPF) 應用程序部署在面向 .NET Framework 3.5 的系統(tǒng)上。
2009-02-02
js控制臺報錯Uncaught TypeError: Cannot read p
本文主要介紹了js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
以JavaScript來實現(xiàn)WordPress中的二級導航菜單的方法
這篇文章主要介紹了以JavaScript來實現(xiàn)WordPress中的二級導航菜單的方法,文中首先對WordPress基本的PHP導航菜單的做法給出了說明來作為基礎,需要的朋友可以參考下
2015-12-12
javascript 二分法(數(shù)組array)
擴展Array對象，為其添加二分法查找功能,提高查找效率。
2010-04-04
JS生成隨機字符串的多種方法
這篇文章主要介紹了JS生成隨機字符串的方法,需要的朋友可以參考下
2014-06-06