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

Return a JavaScript variable from an external file to a HTML document and then using it within the HTML document

本文关键字：HTML 文档 然后 变量 返回 文件 JavaScript 一个 从外部      更新时间：2023-09-26

我该怎么做呢?

我不知道做这件事的正确方法。

我尝试了下面的方法:

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>

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

提前感谢!

这段代码有名称空间冲突的问题，当您在html页面上调用var name时，外部文件中定义的name被html上的name覆盖。有两个选项:

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

实际上，您的代码不会从外部文件返回javascript变量。html和外部文件中的代码位于相同的命名空间(全局窗口)。从外部文件

返回变量只是一种错觉
相关文章：