What should I do if IE is incompatible and cannot open the web page? js browser incompatibility problem solving tips

We often encounter js ie browsers that are incompatible and cannot open web pages. This is also a headache. The following is the source of the most common browser incompatibility problems that I have compiled. I hope it will be helpful to everyone.

1. Table problem

When dynamically adding tr or td, createElement() generally uses appendChild(); but it will not take effect. The solution is to use new tbody, such as

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. Problems with innerHTML

IE does not support dynamic writing of table's innerHTML, but supports dynamic reading and writing of p or span's innerHTML.

3. Setting style issues

Introverted style: If obj.setAttribute("stylename"); the style corresponding to stylename will not take effect. Solution: obj.style.cssText="stylename";

External style: obj.setAttribute("class":"className");The external style corresponding to className will still not take effect. Solution: obj.setAttribute("className", "className");

4. Set events belonging to elements

For a text obj, IE does not support obj.setAttribute("onclick" ,"functon()"), set its onclick attribute. Solution: obj.onclick=function(){}. Note: An anonymous function needs to be placed here

5. Dynamically create radio buttons

Using create and setAttribute() cannot solve the problem. Solution: Direct document.createElement(""); is more enjoyable.

6. Finally, use document to determine whether the browser is IE. A method, document.uniqueID, because only IE can uniquely recognize uniqueID

Compatibility of IE, change the parsing mode

Baidu source code is as follows

;

You can open Baidu, right-click to view the source code and take a look! We can see if there is such a line of code in the file header!

This sentence means to force the use of IE7 mode to parse web page code!

2. Google Chrome Frame also allows IE to use Chrome’s engine:

3. Force IE8 to use IE7 mode for parsing

//or


Enable IE5 ,IE6, IE7 compatible to IE8 mode

Make IE5, IE6, IE7, and IE8 compatible with IE9 mode

Solve PNG display problem

Just name the transparent png image *-trans.png

Note: This method will cause the background to be flat Pavement (background-repeat) and background (background-position) cannot play any role, and will occupy the entire container by default.

I found this sentence when creating html5, I don’t know what it means, Baidu is as follows:
The effect that can be achieved by writing this way is that if GCF is installed, GCF will be used to render the page. If GCF is not installed, the highest version of the IE kernel will be used for rendering. Google Chrome Frame (Google Embedded Browser Framework GCF). This plug-in can keep the user's IE browser unchanged, but when browsing the web, the user is actually using the Google Chrome browser core, and supports multiple versions of IE browsers such as IE6, 7, and 8.

Related recommendations:

Common CSS compatibility issues under IE browser

Common compatibility issues between IE and Firefox

Miaowei Classroom JS Advanced Topic Video Tutorial

The above is the detailed content of What should I do if IE is incompatible and cannot open the web page? js browser incompatibility problem solving tips. For more information, please follow other related articles on the PHP Chinese website!