blocks|key|3169044|text|不同的浏览器对此的处理方式不同。有些只在包含src时才运行内容，而不会出现错误。有些人会在尝试包含src脚本之后运行它，而不管是否成功。因为这种行为是不可靠的(和prohibited+in+HTML5)，所以应该避免这种行为。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3169045|谷歌并不依赖于任何特定的行为。因为内容只是一个对象文字(一个值)，所以执行它实际上不会做任何事情，只会导致一个无声的错误。谷歌的代码查看script标签本身的内容，并基于此调整其行为。|3169046|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/html5/spec/Overview.html#the-script-element^0|M|3|1D|3|29|J|0|0|1W|6|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Different browsers treat this differently. Some run the content only if the <code>src</code> is included without error. Some run it after attempting to include the <code>src</code> script, regardless of success. Since this behaviour is unreliable (and <a href="http://dev.w3.org/html5/spec/Overview.html#the-script-element" rel="noreferrer">prohibited in HTML5</a>), it should be avoided.

Google isn't relying an any specific behaviour. Since the content is just an object literal (a value), executing it would not actually do anything except cause a silent error. Google's code looks at the contents of the <code>script</code> tag itself, and adjust its behaviour based on that.

blocks|key|260753|text|如果script+element具有src属性，则必须忽略内容，否则任何其他行为都是不符合的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|260754|博客中建议(作为黑客)将内容放在元素中，知道它不会被求值，然后使用DOM方法以字符串形式获取内容，并对其进行求值或将其插入到新的script元素中。这两个都不是好主意。|260755|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/1999/REC-html401-19991224/interact/scripts.html#edef-SCRIPT^0|V|G|2|E|0|0|0|2C|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

If a <a href="http://www.w3.org/TR/1999/REC-html401-19991224/interact/scripts.html#edef-SCRIPT" rel="noreferrer">script element</a> has a src attribute, the content must be ignored, any other behaviour is non-conformant.

It has been suggested in blogs (as a hack) to put content in the element knowing that it won't be evaluated, then use DOM methods to get the content as a string and either eval it or insert it in a new script element. Neither of these are a good idea.

blocks|key|263066|text|根据HTML5+draft+specification的说法，具有src属性的<script>元素应该只有注释掉的代码，该代码旨在为脚本提供文档。不过，看起来谷歌似乎并不符合这一规范。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|263067|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/html5/spec/Overview.html#inline-documentation-for-external-scripts^0|X|3|13|8|2|P|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

According to the <a href="http://dev.w3.org/html5/spec/Overview.html#inline-documentation-for-external-scripts">HTML5 draft specification</a>, <code>&lt;script&gt;</code> elements with <code>src</code> attributes should only have commented-out code, which is intended to give documentation for the script. It doesn't appear as though Google is conforming to this specification though.

blocks|key|264793|text|加载脚本后，它会查看自己的script标记以访问其内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|264794|它将使用一些类似如下的代码：|264795|var+scripts+=+document.getElementsByTagName("script");
var+data+=+eval(scripts[scripts.length+-+1].innerHTML);|code-block|syntax|javascript|264796|由John+Resig提供。|offset|length|264797|entityMap|0|LINK|mutability|MUTABLE|url|http://ejohn.org/blog/degrading-script-tags/^0|0|0|0|1|A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

After the script has loaded, it looks inside its own script tag to access its content.

It will use some code similar to this:

<pre><code>var scripts = document.getElementsByTagName("script");
var data = eval(scripts[scripts.length - 1].innerHTML);
</code></pre>

Courtesy of <a href="http://ejohn.org/blog/degrading-script-tags/">John Resig</a>.

Example from Googles +1 button:

<pre><code>&lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;
 {"parsetags": "explicit"}
&lt;/script&gt;
</code></pre>

The script Tag has a src-Attribute and content. What does this mean and how does it work?

What does a script-Tag with src AND content mean?

Googles +1按钮示例：<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {"parsetags": "explicit"}</script>脚本标记有一个src属性和内容。这意味着什么?它是如何工作的...

问带src和content的script-Tag是什么意思？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带src和content的script-Tag是什么意思？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带src和content的script-Tag是什么意思？
EN