將外部文件中的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和外部文件中的代碼位於相同的命名空間（全局窗口）中。這只是一個錯覺，你從外部文件返回一個變量