首頁 > web前端 > js教程 > JS動態加入iframe的程式碼_javascript技巧

JS動態加入iframe的程式碼_javascript技巧

WBOY
發布: 2016-05-16 15:39:36
原創
1777 人瀏覽過

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

var iframe = document.createElement('iframe'); 
iframe.src="http://www.jb51.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.jb51.net"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','http://www.jb51.net');
}
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板