Javascript switch from quirksmode to standard

2019-02-20 23:52发布

站内文章 / JavaScript
49 0 0

问题:

Is there a way to switch a page in quirksmode to standards mode using Javascript?

For example, assuming I have the following page with html in it. I've tried the following.

<html><script src="js.js"></script></html>

and the following content in js.js

document.open();
document.write('<!doctype html><html></html>');
document.close();

From looking at the output above I'm basically trying to convert a page in quirksmode to standards mode, but it doesn't work. (setting the contents of a page like above on an iframe works fine)

iframe Works

It works you do document.createElement('iframe') append into the document and call iframe.contentWindow.document.write('<!doctype html>..'); on it. Unfortunately the same technique does not if I'm calling it on the current page.

Does anyone have a working fix switching a page in quirksmode to standards mode?

EDIT: Creating and appending an iframe and simply setting its height and width to 100%, works but isn't the goal here ;)

回答1:

The browser typically looks for a doctype at load time to determine whether to use "standards mode" or not, and loads/renders the page based on that decision. Even if you managed to insert a doctype declaration via script, it wouldn't be there in time to matter.

The reason it works in an iframe is that the content is a new document, which is being "loaded" as you write it. Since the doctype is there, that content is rendered in standards mode.

As mentioned in another question on this same topic, you might be able to get away with rewriting the whole document. Basically, (if the page is still in quirks mode,) get document.documentElement.innerHTML, and then write a new document with the proper doctype, and append the HTML from the original document. But it will cause a bunch of issues with scripts and such, and should be avoided. The ideal solution is to fix the HTML to include a doctype, rather than fudging it with a script.



回答2:

<script>
document.open();
document.write('<!doctype html><html></html>');
document.close();
</script>

or any variant will not work, because a <SCRIPT> tag causes the HTML parser to create an HTML element and a HEAD element if none exists. By the time an HTML element exists (even an implicit one), a DOCTYPE on the token stream is ignored.

Closing and reopening the document will just prevent parsing of any of the following HTML content.

The only way to use document.write to output a DOCTYPE is to create a new blank document that you can write in.

Just solve this server-side.



回答3:

You could try writing a X-UA-Compatible meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=9" />


标签： javascript quirks-mode
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~