首頁 > web前端 > js教程 > 主體

ie不相容於打不開網頁怎麼辦? js瀏覽器不相容問題解決技巧

php是最好的语言
發布: 2018-07-25 10:22:55
原創
3805 人瀏覽過

我們常常會遇到js ie瀏覽器不相容打不開網頁,這也是很頭痛的一件事,以下是我整理的最常見的瀏覽器不相容問題的源頭,希望對大家有幫助。

1、table問題

在動態新增tr或td時,createElement()一般用appendChild();都不生效,解決方法是用新增tbody,如

var table=document.createElement("table");

var tvody=document.createElement("tbody");

var tr=document.createElement("tr") ;

var td=document.createElement("td");

table.appendChild(tbody.appendChile(tr.appendChild(td)));

2、 innerHTML的問題

在IE中不支援動態的寫table的innerHTML,但是支援p或span的innerHTML動態讀寫。

  3.設定樣式問題

內斂樣式:如果obj.setAttribute("stylename");stylename對應的樣式不會生效。解決方法:obj.style.cssText="stylename";

外部樣式:obj.setAttribute("class":"className");className對應的外部樣式照樣不會生效。解決方法:obj.setAttribute("className","className");

4、設定屬於元素的事件

對於一個文字obj,IE不支援obj.setAttribute("onclick" ,"functon()"),設定它的onclick屬性做法。解決方法:obj.onclick=function(){}。注意的是:這裡需要放一個匿名的函數

5、動態建立單選按鈕

用create和setAttribute()是解決不了問題的。解決方法:直接document.createElement("");來的更痛快一些

6、最後就是用document判斷瀏覽器是否為IE的一個方法,document.uniqueID,因為只有IE唯一能識別uniqueID

IE的兼容性,更改解析模式

#百度原始碼如下

##;



百度一下,你就知道


可以開啟百度,右鍵查看原始碼看下!我們可以看下文件頭是否存在這樣一行程式碼!

這句話的意思是強制使用IE7模式來解析網頁程式碼!

2. Google Chrome Frame也可以讓IE用上Chrome的引擎:

3.強制IE8使用IE7模式來解析

//或

4.強制IE8使用IE6或IE5模式來解析

5.如果一個特定版本的IE支援所要求的兼容性模式多於一種,如:

設定網站伺服器以指定預設相容性模式

如果伺服器是自己的話,可以在伺服器上定義一個自訂標頭來為它們的網站預設一個特定的檔案相容性模式。這個特定的方法取決於你的網站伺服器。

輸入,下列的 web.config檔案可讓Microsoft Internet Information Services (IIS)定義一個自訂標頭以自動使用IE7 mode來編譯所有網頁。

另外還有一起其他的解決方案,例如google的

ie7 – js中是一個JavaScript庫(解決IE與W3C標準的衝突的JS庫),使微軟的Internet Explorer的行為像是Web標準相容的瀏覽器,支援更多的W3C標準,支援CSS2、CSS3選擇器。它修復了許多的HTML和CSS問題,並使 得透明PNG在IE5、IE6下正確顯示。

使IE5,IE6相容於IE7模式(建議)



使IE5 ,IE6,IE7相容到IE8模式




使IE5,IE6,IE7,IE8相容於IE9模式

#


解決PNG顯示問題

只需將透明png圖片命名為*-trans.png

注意:此方法對背景平鋪(background-repeat)和背景(background-position)無法起到任何作用,預設會佔滿整個容器。


創建html5時發現這麼一句話,不知其什麼意思,百度如下:
這樣寫可以達到的效果是如果安裝了GCF,則使用GCF來渲染頁面,如果沒安裝GCF,則使用最高版本的IE核心進行渲染。 Google Chrome Frame(Google內嵌瀏覽器框架GCF)。這個插件可以讓使用者的IE瀏覽器外不變,但使用者在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核,而且支援IE6、7、8等多個版本的IE瀏覽器。

相關推薦:

IE瀏覽器下常見的CSS相容問題

ie與火狐中常見的相容問題

妙味課堂JS高階專題篇影片教學

以上是ie不相容於打不開網頁怎麼辦? js瀏覽器不相容問題解決技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!