javascript - 将 JavaScript 变量从外部文件返回到 HTML 文档，然后在 HTML 文档中使用它

Question

我该怎么做呢？

我真的不知道这样做的正确方法。

我试过下面的方法:

var name;
function welcome(){
    name = prompt("Welcome, what is your name?","Enter name...");
    alert("Hello " + name + ". How are you today?");
    return name;
}

我希望能够在整个 HTML 文档中使用返回的名称值。

我试着把它放在脚本标签中:

var name = welcome();
alert(name);

警报不警报名称。此外，该方法是从 HTML 代码下方的按钮调用的:

<button class ="buttonlink"  onclick="'welcome()" >Function</button>

任何关于正确方法的建议都会很好:)

提前致谢!

Answer 1

此代码存在命名空间冲突问题，name在外部文件中定义被 name 覆盖当你调用 html 时 var name在 HTML 页面上。有 2 个选项:

• 快速修复:使用另一个名称
• 写出更好的代码:使用requireJS (Javascript 模块设计模式)

实际上，您的代码不会从外部文件返回 javascript 变量。您在 html 和外部文件中的代码位于同一命名空间(全局窗口)中。你从外部文件返回一个变量只是一种错觉