使用變量創建的Javascript/HTML HREF不適用於空格

Question

我在HTML中使用JavaScript從幾個變量創建HREF鏈接。 第一個變量是Android文件路徑開始的固定文本（每次都是相同的），第二個變量是從XML屬性中獲取的文件名。 這一切都很好，但它只適用於構建鏈接，如果我沒有在XML文檔的文件名變量中有任何空格。 基本上發生的事情是，如果文件名變量包含空格，它只是構建聯繫起來，直到在文件名的第一個空間，因此一個例子是

**Correct link =** 
<a href="file:///sdcard/Clients/PB/example file name.pdf">example file name.pdf</a> 

**Link my code incorrectly returns =** 
<a href="file:///sdcard/Clients/PB/example">example file name.pdf</a> 

幫助將不勝感激。 謝謝！

<script> 
xmlDoc=loadXMLDoc("PBFileNames.xml"); 
x=xmlDoc.getElementsByTagName("file"); 

var path = "file:///sdcard/Clients/PB/"; //this will be constant between all iterations 

for (i=0;i<x.length;i++) 
{ 
var filename = x[i].getAttributeNode("name").nodeValue; //the nodefile is the filename 
{ 
document.write("<br>"); 
document.write("<a href=" + path + filename + ">" + filename + "</a>"); 
document.write("<br>"); 
} 

} 
</script> 

Answer 1

你必須逃離URI

document.write("<a href=" + path + encodeURI(filename)+ ">" + filename + "</a>");