javascript將字符串添加到變量錯誤

Question

我有一個JavaScript程序，直到我試圖改變這個："foldername"到這個：http://hokuco.com/test/"+"foldername"+"/index.html"。 我的代碼有什麼問題？ 任何有興趣整個JS：

 document.getElementById("submit").addEventListener("click", function(){ 
 
     var url = document.getElementById("http://hokuco.com/test/"+"foldername"+"/index.html").value; 
 

 
     window.location.href = "url"; 
 
    });

<input type id="foldername"></input> 
 
<input type ="button" id ="submit/>

Answer 1

你大概的意思是：

document.getElementById("submit").addEventListener("click", function(){ 
    var url = "http://hokuco.com/test/" + document.getElementById("foldername").value + "/index.html"; 

    window.location.href = url; 
}); 

變化：

• 在getElementById函數的參數是一樣的id爲 「文件夾名」 輸入元素的ID屬性。
• window.location.href應該設置爲一個變量，而不是引用的字符串。

更清晰，你會想：

document.getElementById("submit").addEventListener("click", function(){ 
    var folder = document.getElementById("foldername").value; 
    var url = "http://hokuco.com/test/" + folder + "/index.html"; 

    window.location.href = url; 
}); 

現在，希望它更清楚發生了什麼事情。

Answer 2

什麼是你想實現什麼？它看起來像你試圖重定向，但使用字符串文字而不是變量。

Answer 3

請仔細閱讀下面的文檔，以更好地理解的document.getElementById：https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById 您的代碼試圖訪問無效的屬性時，將最有可能返回一個未捕獲的類型錯誤。您只能傳遞一個引用Element對象ID的字符串。