Why is JavaScript inconsistent across browsers?

Question

Here's something I've been pondering after countless hours fixing JS to be cross-browser compatible (mostly IE): Why isn't Javascript consistent accross browsers?

I mean, why can't JS be nice like Java and Flash? Instead, we have to resort to frameworks like jQuery. Don't get me wrong, they make my life easier - but why do they even exist in the first place?

Is there a historical reason for this? Do companies rolling out browsers just ship their own JS engine? What are the politics that make standardization so difficult?

(Note: I understand that a good part of the problem is DOM related, but the question remains).

Answer 1

To add to the other answers: there is a historical reason for this. I can write this myself, but quoting Wikipedia is easier on the fingers:

JavaScript was originally developed by Brendan Eich of Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on December 4, 1995 when it was deployed in the Netscape browser version 2.0B3.

[…]

JavaScript very quickly gained widespread success as a client-side scripting language for web pages. As a consequence, Microsoft developed a compatible dialect of the language, naming it JScript to avoid trademark issues. JScript added new date methods to fix the non-Y2K-friendly methods in JavaScript, which were based on java.util.Date. JScript was included in Internet Explorer 3.0, released in August 1996. The dialects are perceived to be so similar that the terms "JavaScript" and "JScript" are often used interchangeably. Microsoft, however, notes dozens of ways in which JScript is not ECMA-compliant.

In November, 1996 Netscape announced that it had submitted JavaScript to Ecma International for consideration as an industry standard, and subsequent work resulted in the standardized version named ECMAScript.

As you can see, the standard, ECMAScript, was developed later than the original language. It's just a matter of adapting this standard in the current implementations of web browsers, that's still going on, as is the development of ECMAScript itself (e.g., see the specification of ECMAScript 5, published December 2009).

Answer 2

Browsers roll their own implementation, plain and simple. It's the same reason why rendering and CSS and all that are different across browsers. Java/Flash/etc. are more universal because they're abstracted out of the browser and accessed via a plugin of some sort. But their actual core implementations are separate from the browser and controlled by a single vendor.

Answer 3

The Javascript core language for the most part is consistent ( Referring to ECMAScript version 3 released in 1999. )

It's the DOM implementations that cause headaches. Partly because at one point there was no DOM specification so browsers could do whatever the hell they wanted in terms of making up the rules for which to access and manipulate html elements in a web page.

For example:

• window.addEventListener for DOM supporting browsers, while window.attachEvent for IE.
• textContent for DOM supporting browsers, innerText for IE.
• Memory leakage for attached event handlers in IE so you have to unload them manually
• getElementById is buggy in IE and Opera because it returns elements by name
• getAttribute('href') returns inconsistent values

There are also issues relating to the browser's CSS support.

• IE6 doesn't support native PNGs so you are forced to use the filter library
• Buggy animation in IE dealing with filter opacity

Language core inconsistencies would be things like

• Inconsistencies between regex engines

But yeah, in short the point is that before, there was no standard. Since then, the w3 came up with standards, but every browser vendor has its own way of dealing with implementing it. There's no governing body that forces the vendors to fully apply the spec.

Answer 4

Do companies rolling out browsers just ship their own JS engine?

Yup, that's probably the main reason. There is no unified JS engine; there are various implementations of ECMAScript.