Question

连接到我的js文件时，我遇到奇怪的行为。 index.html文件位于项目的根目录中。在名为js的文件夹中，我有一个名为main.js的js文件。这是我在html文件中使用的文件夹路径：

<p id="demo"></p>    
<script src="js/main.js">
    document.getElementById("demo").innerHTML = add(int1, int2);
</script>

和我在main.js文件中的js代码如下：

    //add two int

function add(int1, int2) {
    return int1+int2
}

var int1 = 5
var int2 = 9
var sum = int1+int2

console.log(sum)

我得到的控制台日志输出为14，但没有HTML输出。但是，如果我删除了外部js文件的路径，并使用以下代码将所有js代码放入HTML文件中：

<script>
    //add two int
    function add(int1, int2) {
        return int1+int2
    }
    var int1 = 5;
    var int2 = 4;
    document.getElementById("demo").innerHTML = add(int1, int2);
</script>

然后我得到HTML输出。我错过了什么？感谢您的帮助。

Answer 1

如果存在src属性，则<script>元素必须为空。

来源：W3Schools

js文件连接问题

1 个答案: