快捷導(dǎo)航

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

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

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

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

var iframe = document.createElement('iframe'); 
iframe.src="http://www.fzitv.net";  
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://www.fzitv.net"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','http://www.fzitv.net');
}

您可能感興趣的文章:

相關(guān)文章

JS庫之Waypoints的用法詳解
waypoints的功能非常強(qiáng)大，一款用于捕獲各種滾動(dòng)事件的插件，下面跟隨腳本之家小編一起學(xué)習(xí)JS庫之Waypoints的用法吧
2017-09-09
JS繼承之借用構(gòu)造函數(shù)繼承和組合繼承
這篇文章主要為大家詳細(xì)介紹了JS繼承之借用構(gòu)造函數(shù)繼承和組合繼承，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
javascript遞歸函數(shù)定義和用法示例分析
這篇文章主要介紹了javascript遞歸函數(shù)定義和用法示例分析，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JavaScript實(shí)現(xiàn)左側(cè)菜單效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)左側(cè)菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果,實(shí)例分析了javascript鼠標(biāo)事件及頁面樣式的操作技巧,需要的朋友可以參考下
2015-05-05
JavaScript創(chuàng)建對(duì)象的幾種方式小結(jié)
這篇文章主要介紹了 JavaScript 中創(chuàng)建對(duì)象的多種方式,包括字面量方式、構(gòu)造函數(shù)方式、原型模式、() 方法、ES6 類,并分別說明了它們的特點(diǎn)和適用場景,強(qiáng)調(diào)在實(shí)際編程中要根據(jù)需求選擇合適的方式以提高代碼質(zhì)量和性能,需要的朋友可以參考下
2024-12-12
讓 JavaScript 輕松支持函數(shù)重載 (Part 2 - 實(shí)現(xiàn))
在上一篇文章里，我們設(shè)計(jì)了一套能在JavaScript中描述函數(shù)重載的方法，這套方法依賴于一個(gè)叫做Overload的靜態(tài)類，現(xiàn)在我們就來看看如何實(shí)現(xiàn)這個(gè)靜態(tài)類。
2009-08-08
使用layui定義一個(gè)模塊并使用的例子
今天小編就為大家分享一篇使用layui定義一個(gè)模塊并使用的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript 模塊化開發(fā)實(shí)例詳解【seajs、requirejs庫使用】
這篇文章主要介紹了JavaScript 模塊化開發(fā),結(jié)合實(shí)例形式詳細(xì)分析了基于seajs、requirejs庫的JavaScript模塊化使用相關(guān)操作技巧,需要的朋友可以參考下
2020-05-05
JS中的進(jìn)程和線程詳解
進(jìn)程和線程都是計(jì)算機(jī)中的概念，用于描述程序執(zhí)行時(shí)的運(yùn)行單位。在 JavaScript 中，進(jìn)程和線程的概念并不是直接暴露給開發(fā)者的，而是通過瀏覽器或 Node.js 等執(zhí)行環(huán)境來實(shí)現(xiàn)的，文中介紹的非常詳細(xì)，感興趣的同學(xué)可以閱讀一下
2023-04-04