从html页面获取javascript中的函数值[重复]答案

【问题标题】：get a function value in java script from html page [duplicate]从html页面获取javascript中的函数值[重复]
【发布时间】：2021-03-23 22:02:18
【问题描述】：

您好，我正在尝试在脚本文件夹中获取一个函数以在 html 页面上工作

我有这个设置html

<script src="add.js">

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


</script>

及脚本文件功能

function add(a){
return a+a
}

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

谢谢

【问题讨论】：

这能回答你的问题吗？ What does a script-Tag with src AND content mean?。相关：Script tag with both external source and body.
它没有在浏览器上呈现结果
因为这不是合法的脚本使用。将所有 JS 放在 .js 文件中，但记得将其加载为 <script async defer src="..."></script>，以便脚本仅在 DOM 完成解析后运行。最后，除非您确实需要（不安全地）注入 HTML 代码，否则不要使用 innerHTML。如果您只想设置文本，请改用textContent = ...。
第一个脚本标签不是骗子，那是别的东西

标签： javascript html

【解决方案1】：

正如 Mike 在 cmets 中所说，您不能那样编写脚本

两种方法解决

1：

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

2：首选：

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

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

【讨论】：

太棒了，谢谢！
全局变量从不“首选”
@charlietfl：猜想你可以把整个东西包装在一个函数中，但这是一个非常简单的程序。