在有源的情况下使用 HTML 脚本标签进行编码

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

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

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

Example

我有一个文件，找到@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>

脚本元素加载单个脚本。

它可以从 URL 或内联执行此操作，但仍然会加载one脚本;它不能使用both同时选择不同的源类型。

如果您尝试同时包含两者，内联脚本将被忽略：

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

…所以你需要多个脚本元素。

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

值得注意的是，script元素的内容仍然会存在于DOM中，所以有些人用它来存储JS引用的数据。src会读。data-*不过，属性（可以说）是一种更简洁的方法。