IE8|IE8 的兼容性问题总结 IE8的兼容性问题总结

在IE8中,下面的代码报错:
Js代码
文章图片

$('#invoiceListDot').text(htmlTemplate);

【IE8|IE8 的兼容性问题总结】

文章图片

说明:invoiceListDot 是一个script标签
Html代码

文章图片

改为如下代码也报错:
Js代码

文章图片

$('#invoiceListDot').html(htmlTemplate);

这是IE8的兼容性问题.
解决方法:
在js中判断浏览器类型,若是IE8,则执行
Js代码

文章图片

$('#invoiceListDot').innerHTML = htmlTemplate;

整个逻辑判断如下:
Js代码

文章图片

if (getBrowserVersion.isIE8) {
$('#invoiceListDot').innerHTML = htmlTemplate;
} else {
$('#invoiceListDot').text(htmlTemplate);
}

文章图片

获取script标签的内容的时候:

文章图片

Js代码

文章图片

var tmplate = $invoiceListDot.text(); //IE8中返回空字符串
if (!tmplate) {
console.log('$invoiceListDot.text() return null');
tmplate = $invoiceListDot.html();
}

new Date('2015-08-05 23:12:20')
在chrome中,下面的语法是正确的:

文章图片

但是在IE8中不支持,所以增加了判断:
Js代码

文章图片

if (typeofwindow.willEndTime == 'string') {//IE中
productInfo2.willEndTime = window.willEndTime;
} else {
productInfo2.willEndTime = new Date(window.willEndTime).format("yyyy-MM-dd");
}

那么如何判断浏览器是IE8呢?

Js代码

文章图片

/***
* get browser type and browser version and language
when page open,the function will be executed automaticly
* @param write22
* @returns {{systemLanguage,userLanguage,ver}}
*/
getBrowserVersion = (function (write22) {
var browser = {};
//console.dir(navigator);
var userAgent = navigator.userAgent.toLowerCase();
/*for(osvId in navigator){
var value222=navigator[osvId];
document.writeln(osvId+": "+value222+'
');
}*/
var lang22 = navigator.language;
//document.writeln(userAgent+'
');
//document.writeln(navigator.appCodeName+'
');
var s;
(s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] :
(s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
var version = "";
if (browser.ie) {
version = browser.ie;
if (write22 && write22 != false && write22 != 'false') {
document.writeln('IE
');
}
if (!browser.lang || browser.lang == undefined) {
lang22 = navigator.browserLanguage;
browser.systemLanguage = navigator.systemLanguage;
browser.userLanguage = navigator.userLanguage;
}
}
else if (browser.firefox) {
version = browser.firefox;
browser.mozilla = browser.firefox;
if (write22 && write22 != false && write22 != 'false') {
document.writeln('firefox
');
}
}
else if (browser.chrome) {
version = browser.chrome;
if (write22 && write22 != false && write22 != 'false') {
document.writeln('chrome
');
}
}
else if (browser.opera) {
version = browser.opera;
if (write22 && write22 != false && write22 != 'false') {
document.writeln('opera
');
}
}
else if (browser.safari) {
version = browser.safari;
if (write22 && write22 != false && write22 != 'false') {
document.writeln('Safari
');
}
}
else {
version = 'unknown browser';
}
browser.ver = version;
if (lang22 && lang22 != undefined) {
browser.lang = lang22.toLowerCase();
}
browser.isIE8 = (browser.ie && (version === '8.0' || version === '8'));
return browser;
})();