将外部文件中的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

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

• 快速修复：使用其他名称为它
• 编写更好的代码：使用requireJS（Java脚本模块设计模式）

其实，你的代码不会返回一个javascript varible来自外部文件。您在html和外部文件中的代码位于相同的命名空间（全局窗口）中。这只是一个错觉，你从外部文件返回一个变量