Javascript 从html页面获取java脚本中的函数值

您好，我正在尝试获取一个脚本文件夹中的函数来处理html页面

我已经设置了这个html

<script src="add.js">

txt = document.createElement('p')
document.body.appendChild(txt)
txt.innerHTML = add(2);


</script>

它不起作用，我也不知道为什么。 我试着将整个语句包装在一个函数中并调用它。尝试在不同的位置加载，但不起作用

---

谢谢你

正如迈克在评论中所说的那样，你不能那样写剧本

有两种解决方法

1：

//…这里是代码

2：首选：

<script>
    txt = document.createElement('p');
    document.body.appendChild(txt);
    txt.innerHTML = add(2);

    function add(a){
        return a+a;
    }
</script>

txt=document.createElement（'p'）；
document.body.appendChild（txt）；
txt.innerHTML=添加（2）；
功能添加（a）{
返回a+a；
}

这是否回答了您的问题。相关：。它不会在浏览器上呈现结果，因为这不是合法的脚本使用。将所有JS放在.JS文件中，但请记住将其作为

加载，以便脚本仅在DOM完成解析后运行。最后，不要使用

innerHTML

，除非您确实需要（不安全地）注入HTML代码。如果您只想设置文本，请改用

textContent=…

！全局变量从来都不是“首选的”@charlietfl：我想你可以将整个过程封装在一个函数中，但这是一个非常简单的程序。

<script src="add.js"></scirpt>
<script>
    //...Code here
</script>

<script>
    txt = document.createElement('p');
    document.body.appendChild(txt);
    txt.innerHTML = add(2);

    function add(a){
        return a+a;
    }
</script>