在div中有脚本标签是不是很糟糕?

时间:2012-10-25 19:07:25

标签: javascript html

在body里面的div里面有一个脚本标签有什么不好?

我正在动态更新div以重新加载div中的javascript代码。有什么问题需要担心吗?


修改

因为@Bergi坚持要看代码。这是(见下文)。此div(以及包含演示文稿HTML元素的其他div)将通过AJAX进行更新。 script内的div包含用于处理页面上新加载的HTML元素和原始数据的地图。

        <div>
            <script type="text/javascript">
                var namesMap = <dynamic string from server here>;
                var addressesMap = <dynamic string from server here>;
            </script>
        </div>

6 个答案:

答案 0 :(得分:34)

<script>标记放在文档正文的任何​​位置是完全可以的。

来自here

  

SCRIPT元素将脚本放在文档中。此元素可能在HTML文档的HEAD或BODY中出现任意次。

但是,每当发生<script>标记时,它会暂停解析代码,直到脚本加载并执行。

答案 1 :(得分:7)

您可以在DIV标记内添加<script></script>。只需检查w3c,它就是有效的HTML。

答案 2 :(得分:7)

没有太多不好的事情。大多数小部件都以这种方式工作。它仍然是有效的HTML。

如果您想在自己的网页中嵌入AdSense广告单元,则需要执行此操作。与亚马逊小部件相同。这意味着大多数网站都在div中有一个脚本标记。

答案 3 :(得分:0)

<DIV>内的SCRIPT仍在工作。 但是有些人会对你的布局感到烦恼 - 滚动时会发抖。 最佳解决方案:将脚本放在<body><head>:D

答案 4 :(得分:0)

将脚本放入html内有优缺点。好处是,可以将一个小的脚本放置在靠近使用位置的位置,以便您可以更轻松地了解页面的功能。

我想,如果只有那个位置的人需要该脚本,那么可以放在那里。

糟糕的是,当您将程序的各个部分划分为多个位置时,查看和管理这些部分之间的相互作用和相互干扰变得更加困难。而如果您将html和javascript放在单独的文件中,则可以更轻松地独立理解它们,然后最终专注于它们之间的交互方式。它们之间的“接口”是什么。

如果将JavaScript散布在html中,则无法将脚本代码与组织HTML分开组织。

答案 5 :(得分:-1)

尝试将<script></script>标记放在<head></head>中始终是一个好习惯。但是,最近的论点出现了是否在<body></body>标签末尾添加标签,就在使页面更快之前。

我建议您将<script></script>放在HTML文档的<head></head>部分,因为它更受欢迎。此外,将<script></script>置于DIV内并不是一个好习惯。

您可以发布示例,以便在组织文档结构时获得更好的答案。

总而言之,您所做的事情没有问题。但我建议采用更有条理的方式。