我正在研究的一个团队已经养成了<script>在HTML页面正文的随机位置使用标签的习惯。例如：
<html>
<head></head>
<body>
<div id="some-div">
<script type="text/javascript">//some javascript here</script>
</div>
</body>
</html>
我以前没看过。它似乎可以在我测试过的几种浏览器中使用。但是据我所知，将脚本标签放在这样的地方是无效的。
我错了吗？像这样将脚本标签放入div标签有多糟糕？我应该注意任何浏览器兼容性问题吗？
Answers:
这是完全有效的。
您不想将大量的大代码块混在一起放在标记中（最好使用外部脚本），但是它可以用于：
添加额外的绑定信息以进行渐进增强（在该数据难以放入类名或其他方法将扩展信息隐藏在属性中的情况下）；要么
需要尽快启动脚本增强功能的地方（而不是等待窗口加载/文档就绪）。自动对焦就是一个例子，如果开火太晚，可能会感到不适。
您可能正在考虑<style>不允许使用的元素<body>（尽管大多数浏览器允许使用）。
实际上，这很普遍。例如，Google的分析跟踪代码仅使用以下语法：
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
如果对Google足够好...
unescape鉴于escape/ unescapeIs Evil（这\x3C本来是一种更简单的方法），我总是对Google不必要且离奇的使用感到恼火。
我更喜欢将对外部脚本的引用放在开头，而将这些东西启动并初始化小部件以及诸如此类的脚本放在主体中。
一个很容易碰到的问题是，主体中的脚本元素无法访问其后的元素。另外，一个相关的讨厌的浏览器兼容性问题是IE不允许脚本元素修改其所在的元素。因此，如果您具有以下条件：
<div id="foo">
<script type="text/javascript">
document.getElementById("foo")... // do something to it
</script>
</div>
IE不会喜欢您的页面。IE的旧版本曾经为此提供非常隐蔽的错误消息，甚至整个页面都为空白，但是IE8似乎提供了描述性的错误消息。
只要确保您的脚本仅访问安全访问的DOM，我认为将脚本元素放入正文中并不有害。实际上，恕我直言，将用于初始化小部件的脚本放在相关元素之后比将所有内容放在一个地方更容易阅读（我相信这也可能使它们运行得更早，从而使内容在页面加载时跳动更少）。
有效！
您可以使用：
<script type="text/javascript">
//<![CDATA[
// Some JavaScript code that perfectly validates in the W3C validator
//]]>
</script>
我认为您通常不能说这是一个不好的做法。你必须告诉案件。但是可以肯定的是，将所有JavaScript代码放在同一位置是一件好事。如果您的HTML文件中包含很少的JavaScript代码，则可能会有些混乱。
我以前没看过。它似乎可以在我测试过的几种浏览器中使用。但是据我所知，将脚本标签放在这样的地方是无效的。
这是有效的，但不是一种好的（或推荐的）做法。
我错了吗？像这样将脚本标签放入div标签有多糟糕？我应该注意任何浏览器兼容性问题吗？
将a<script>放在其他任何元素下都没有问题（但它应该在<head>或内<body>）。在浏览器兼容性方面也没有问题，但是，在网页上嵌入JS脚本存在严重的缺点（如何/为什么认为它们不好）：
请参见Yahoo UI以获得最佳实践：http : //developer.yahoo.com/performance/rules.html（页面底部的JavaScript）
我假设您的团队正在执行此操作，或者是因为他们想动态插入脚本，还是因为他们正在编写将在页面加载时触发的脚本。
我绝对不会在绝对必要时（只要它在CDATA块中）这样做有什么问题，但是除此之外，我建议您的团队使用Prototype或jQuery之类的脚本库，并保持页面外部的脚本。这通常更干净，并且库有时会强制对代码进行一些清洁，我敢打赌目前还没有发生。
我也不会在嵌入式脚本标记中运行任何耗时的函数，因为这些函数会在页面加载时发生，并且正如Jason所述，这可能会减慢页面的加载速度。所有脚本库均具有简洁的功能，可让您在页面加载时执行操作，并提供在页面加载时触发它们的选项，例如在加载DOM之后。
尽管可能会损害可维护性，但它是完全有效的。另请参见在HTML标记中应将<script>标记放在哪里？而为什么调用此函数的jQuery在Firefox失败？。
如果您拥有可以同时处理HTML和JavaScript语法的编辑器。而且，如果您想先阅读几行HTML，然后再阅读JavaScript cpde ...，请确定。去吧。
一些东西：
这样做会大大降低您的页面加载速度，因为必须执行JavaScript代码才能呈现页面的其余部分。如果您在该JavaScript代码中进行了大量工作，则浏览器可能会挂起。您应该（尽可能）尝试动态加载JavaScript代码，并在页面末尾（最好在</body>标记之前）加载JavaScript代码。
购买并阅读高性能JavaScript。它将改变您编写JavaScript代码的方式。
YAHOO.util.Event.addListener不是高效/简洁的javascript。我不会读一本书并将其视为福音，有时您必须在页面本身中包含javascript，例如，动态呈现的变量，而在external中则无法做到.js。
YAHOO.xx.xx.xx的东西在本地缓存。有时候，可以在页面上呈现变量是可以的，但是如果您只是从服务器设置了隐藏的输入值，通常可以在外部进行。但我说的话是不推荐的不错。同样，作者尼古拉斯·扎卡斯（Nicholas zakas）知道他的狗屎，无论他的雇主是谁。
document.writes，还是没有特别的理由让它出现在原地？