当它们具有源代码时，使用HTML脚本标记进行编码

Question

我注意到该<script src="..."></script>标记不允许您在其中使用JavaScript，例如：

<script src="myFile.js">
    alert( "This is a test" );
</script>

而且这不起作用，也不会在FireBug中引发错误，这是为什么发生，为什么我们必须添加额外的<script>标签以允许在表单本身上使用JS？

例

我有一个文件，script/addScript.js从我的根目录中找到@ ，其中包含：

function addScript( $src )
{
    var script = document.createElement( 'script' );
    script.type = "text/javascript";
    script.src = $src;
    document.getElementsByTagName( 'head' )[0].appendChild( script );
}

这样做的目的是使我可以快速有效地将脚本添加到DOM，因此我尝试这样做：

<script src="script/addScript.js">
    addScript( "script/obj.js" );
    addScript( "script/home/login.js" );
</script>

但这没有用，所以我必须这样做：

<script>
    addScript( "script/obj.js" );
    addScript( "script/home/login.js" );
</script>

Answer 1

脚本元素加载单个脚本。

它可以做到这一点，无论是从URL或内联，但它仍然加载 一个 脚本，所以它不能两者都做。

如果您尝试同时执行这两种操作，则内​​联脚本将被忽略：

<script src="example.js">
    this_is_ignored();
</script>

…因此您需要多个脚本元素。

<script src="example.js">
</script>
<script>
    this_is_NOT_ignored();
</script>

值得注意的是script元素的内容仍将存在于DOM中，因此有人用它来存储数据，该数据将被src引用的JS读取。data-*属性（可以说）是一种更清洁的方法。