#JavaScript# IE兼容

Me_Kun 發(fā)布于2019-08-23 16:23 / 2448人閱讀

摘要：出現(xiàn)原因在子頁面關閉時，會釋放掉在子頁面中聲明賦值的對象。所以在父頁面所有對這個對象的引用操作都會產生這個錯誤。然后在父頁面中使用變成對象。

在IE瀏覽器中出現(xiàn)的問題

1.不能執(zhí)行已釋放 Script 的代碼

1.bug出現(xiàn)背景：
在使用iframe標簽時，如果子頁面向父頁面?zhèn)鬟f在子頁面創(chuàng)建的對象（所有對象，包括數(shù)組，函數(shù)，正則等）時，會出現(xiàn)這個bug。

2.bug出現(xiàn)原因：
在子頁面關閉時，會釋放掉在子頁面中聲明賦值的對象。所以在父頁面所有對這個對象的引用操作都會產生這個JS錯誤。

3.解決方法有2種：
第一，在父頁面把所有對象都建好，在子頁面對這個對象進行字符串賦值。
第二，如果子頁面產生的對象數(shù)量是不定的，使用JSON.stringfy()把要回傳的對象變成字符串。然后在父頁面中使用JSON.parse()變成對象。

IE、firefox瀏覽器下JS的new Date()的值為Invalid Date、NaN-NaN

截圖信息

1.問題出現(xiàn)背景：
在IE瀏覽器中，使用new Date("xxxx")方法，將一串日期字符串轉換為具體的Date格式的時，會出現(xiàn)這個問題。如：
new Date("2019-03-21 10:41:33") //[date] Invalid Date[date] Invalid Date
但是這個方法卻在谷歌瀏覽器上可以返回正確的結果。

2.問題出現(xiàn)原因：

字符串的格式不被IE瀏覽器識別，而導致的

3.解決方法：
new Date("2019/03/21 10:41:33") //[date] Thu Mar 21 2019 10:41:33 GMT+0800 (中國標準時間)[date] Thu Mar 21 2019 10:41:33 GMT+0800 (中國標準時間)

備注：在使用的時候，我們可以通過字符串轉換的方式，將日期字符串格式轉換為瀏覽器支持的格式，在使用new Date()。

var date = "2019-03-21 10:41:33";
date = date.replace(new RegExp(/-/gm) ,"/"); 　　//將所有的"-"轉為"/"即可
Date d=new Date(date);

4.總結
不同的瀏覽器是存在差異的，以下列出了所有瀏覽器都支持的方式。

var d = new Date(2019, 01, 07); // yyyy, mm-1, dd  
 var d = new Date(2019, 01, 07, 11, 05, 00); // yyyy, mm-1, dd, hh, mm, ss  
 var d = new Date("02/07/2019"); // "mm/dd/yyyy"  
var d = new Date("02/07/2019 11:05:00"); // "mm/dd/yyyy hh:mm:ss"  
var d = new Date(1297076700000); // milliseconds  
var d = new Date("Mon Feb 07 2019 11:05:00 GMT"); // ""Day Mon dd yyyy hh:mm:ss GMT/UTC

SCRIPT600:該操作的目標元件無效

問題出現(xiàn)背景：
IE6-IE9使用innerHTML進行賦值.

問題出現(xiàn)原因：
在IE6-IE9中對Table使用innerHTML時出現(xiàn)的問題。例如：


在JS中我們這么操作他，
document.getElementById("table").innerHTML = "demo"

就回出現(xiàn)上面的問題。

問題解決方法有三種：

第一：可以換個添加屬性，如：appendChild

tbody.appendChild = ""

第二：添加判斷

var s = navigator.userAgent.toLowerCase();
          var BrowserInfo = {
                IsIE: /*@cc_on!@*/false,
                IsIE9Under: /*@cc_on!@*/false && (parseInt(s.match(/msie (d+)/)[1], 10) <= 9),
            };

    if( BrowserInfo.IsIE9Under  ){
        tbody.appendChild = "";
    }else{
        tbody.innerHTML = "";
    }

第三：包裝整個table

var table = ""   
         div.innterHTML = table;
       將最外層table也納入到字符串中，使用div.innerHTML

SCRIPT438: 對象不支持“indexOf”屬性或方法---for IE8

原因：IE8不支持indexOf() 這個方法
解決方法：

if(!Array.indexOf) {
    Array.prototype.indexOf = function(obj) {             
        for(var i=0; i

IE8 select 下拉不能垂直居中
在IE8中l(wèi)ine-height失效。
解決方法：
 select{
    padding:10px 0;
}
禁用瀏覽器的默認返回鍵
在IE10+ 和 chrome中我們可以使用下面的代碼禁用瀏覽器的默認返回鍵
//防止頁面后退 不兼容IE8~9
(function () {
    if (window.history && window.history.pushState) {
        history.pushState(null, null, document.URL);
        window.onpopstate = function () {
            history.pushState(null, null, document.URL);
        }
    }
})()
下面的問題是我們來解決如何讓IE8~9的返回鍵禁用
背景描述以及解決思路參考https://every-best.iteye.com/...，因為沒有下載到源碼，所以就根據(jù)作者的思考自己寫了下。
分析：
 窗口A跳轉到B窗口，而窗口B下有iframe且其src=C.html，而iframe中讓頁面C跳轉到頁面D。如果使用后退按鈕，首先是在iframe中頁面從D回到C，主窗口沒有變化，再繼續(xù)回退的話，然后是窗口B回到窗口A。
從中我們可以總結到
 IE會將iframe的跳轉記錄在歷史記錄中，而使用回退，其對應歷史記錄僅使用在iframe上，可是不會對主窗口進行回退。
如果在最終D頁面的情況下不允許再回退跳轉了，禁用其后退按鈕，推薦下面的解決方案：
在D中引入iframe E 而E中自動跳轉f。利用IE對iframe的變化也記錄在歷史記錄的特點，這樣在每次回退的時候，都只有iframe E中在變化，而E 又自動跳轉F ，這樣歷史記錄又填回IE里面去了，就導致其D不能進行回退。
 //解決IE8~9 瀏覽器返回鍵禁止使用兼容問題  

 //第一步在頁面D中新建一個iframe，初始化SRC=bank.html
    var createFrame = function (context) {
        if (!("pushState" in history)) {
            var iframe = document.createElement("iframe");
            iframe.src = "../bank.html";
            iframe.style.display = "none";
            context.appendChild(iframe);
        }
    }
  //第二步 在頁面bank.html中，讓iframe進行自動跳轉
  
 
備注：
一定要設置iframe.style.display = "none";讓其不顯示，這樣就可以神不知鬼不覺了。

云服務器 GPU云服務器 ie兼容 ie不兼容 ie10兼容模式 IE6兼容

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102973.html

#JavaScript # javascript DOM0和DOM2事件

摘要：端的是點擊，但是移動端把事件當作單擊。移動端的是點擊事件不是端的點擊效果，存在的延遲，項目中我們需要解決這個延遲，使用手指離開處理點擊事件。什么是事件事件是元素天生具備的行為方式（和寫不寫JS代碼沒有關系），當我們去操作元素的時候會觸發(fā)元素的很多事件。事件綁定 1.什么是事件綁定給當前元素的某一個事件綁定方法，目的是為了讓當前元素某個事件被觸發(fā)時，可以做一些事情。2.事件綁定方...

Salamander 2019-08-23 17:18 評論0 收藏0
有瀏覽器的地方就有Fundebug

摘要：已經(jīng)全面支持主流瀏覽器啦對于前端開發(fā)者，兼容各種瀏覽器是一件非常痛苦的事情。并且，同一個錯誤在不同瀏覽器下的，，，與都有可能不同。根據(jù)我們的初步估算，目前聚合算法能夠將的重復錯誤成功聚合，這樣極大地提高了用戶分析錯誤的效率。 Fundebug已經(jīng)全面支持主流瀏覽器啦！對于前端開發(fā)者，兼容各種瀏覽器是一件非常痛苦的事情。在搜索框中輸入關鍵字JavaScript瀏覽器兼容，結果是這樣的:...

DangoSky 2019-08-21 15:06 評論0 收藏0
如何機制地回答瀏覽器兼容性問題

摘要：前言有過面試經(jīng)驗的同學應該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談談瀏覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如何才是我們正確回答這個問題的姿勢呢。前言有過面試經(jīng)驗的同學應該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談談瀏覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如...

leanote 2019-08-22 18:31 評論0 收藏0
如何機制地回答瀏覽器兼容性問題

摘要：前言有過面試經(jīng)驗的同學應該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談談瀏覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如何才是我們正確回答這個問題的姿勢呢。前言有過面試經(jīng)驗的同學應該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談談瀏覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如...

Rindia 2019-08-30 15:54 評論0 收藏0
# Javascript # DOM2兼容處理

摘要：兼容問題，除了語法上的區(qū)別，在處理的機制上也有下列問題順序問題，重復問題，對象問題。沒有進行去重處理。在標準瀏覽器中在低版本中究其根本，都是低版本瀏覽器對于它內置事件池處理機制的不完善導致的。 DOM2兼容問題，除了語法上的區(qū)別，在處理的機制上也有下列問題：順序問題，重復問題，this對象問題。語法問題 [標準]curEle.addEventListener(type, fn, fa...

fnngj 2019-08-23 18:01 評論0 收藏0
從html,css,javascript三方面談談“瀏覽器兼容性”的問題

摘要：可以理解為，在屏幕上通過瀏覽器窗口所能看到網(wǎng)頁內容的高度。都表示瀏覽器中網(wǎng)頁內容的高度，但稍有區(qū)別。解決等瀏覽器不支持標簽的問題高版本的瀏覽器用了低版本的瀏覽器無法識別的元素，從而導致不能解析。這時候我們就會面臨這個兼容性問題。 javaScript 在IE、FireFox、Netscape等不同的瀏覽器里，對于document.body的clientHeight、offsetHeig...

William_Sang 2019-08-02 11:37 評論0 收藏0