解決iframe的frameborder在chrome/ff/ie下的差異
更新時間：2010年08月12日 10:58:00 作者：
最近的項目中使用了動態(tài)創(chuàng)建iframe的js方法，發(fā)現(xiàn)iframe.frameborder="0"在IE7下不管用，而chrome/ff都正常的，很是郁悶。
復制代碼 代碼如下:
var iframe = document.createElement("iframe");
iframe.id = "frame-" + index;
iframe.src = url;
iframe.width = "100%";
iframe.marginwidth = "0";
iframe.scrolling = "no";
iframe.frameborder="0";
使用IE中“查看選定區(qū)域源代碼”發(fā)現(xiàn)創(chuàng)建的iframe代碼是<IFRAME frameborder=0/>，網(wǎng)上搜了下資料，原來是IE不認小寫，我暈死....
使用
復制代碼 代碼如下:
setAttribute("frameborder", "0", 0);
//問題解決了。
復制代碼 代碼如下:
var iframe = document.createElement("iframe");
iframe.id = "frame-" + index;
iframe.src = url;
iframe.width = "100%";
iframe.marginwidth = "0";
iframe.scrolling = "no";
iframe.setAttribute("frameborder", "0", 0); //最后一個0表示是否區(qū)別大小寫，問題解決
相關文章
這篇文章主要介紹了Javascript實現(xiàn)表單檢驗，以注冊界面為例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了es6中Promise 對象基本功能與用法,結合實例形式分析了es6中Promise對象的基本功能、用法及操作注意事項,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了JS偽繼承prototype實現(xiàn)方法,結合實例形式對比分析了基于prototype實現(xiàn)模擬繼承的相關操作技巧,需要的朋友可以參考下2018-06-06
這篇文章將和大家一起探討一下動態(tài)高度虛擬列表原理并指出常見虛擬列表采用累計高度方式存在缺點,感興趣的小伙伴可以跟隨小編一起學習一下2024-11-11
本文主要介紹了JavaScript樹結構的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要給大家介紹了關于js日期時間格式化的相關資料,文中分別介紹了利用原生js以及Moment.js庫處理日期時間格式化的方法,需要的朋友可以參考下2021-07-07
下面小編就為大家?guī)硪黄趈s粘貼事件paste簡單解析以及遇到的坑。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
有本經(jīng)典的書叫《設計模式》，講了經(jīng)典的21種設計模式，建議大家都看看2013-11-11
最近接了個項目，其中有項目需求是這樣的，需要復制內容到剪切板，因為有眾多瀏覽器，所以兼容性很重要，下面通過本文給大家介紹Javascript復制實例詳解，對js復制相關知識感興趣的朋友一起學習吧2016-01-01
JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別實例分析【 5 個區(qū)別】
這篇文章主要介紹了JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別,結合實例形式分析了JS箭頭函數(shù)和常規(guī)函數(shù)之間的 5 個區(qū)別與相關使用注意事項,需要的朋友可以參考下2020-05-05