2017-10-12 18 views
-2

創建一個自定義網址我不知道如何在HTML5創建某種自定義的URL的如何使用HTML5

可以說我有一個名爲test.com和書頁上的主頁。 然後根據用戶轉到特定書籍的內容顯示的網址。 例如:test.com/book/16156161其中16156161是定義要顯示哪本書的內容,因爲onload將使用來自url的id 16156161來獲取正確的書籍。

現在我能有這個頁面test.com/book但我不知道如何讓它在URL withut得到一個404

怎麼可以這樣用做HTML年底接受字符串/ javascript?

任何幫助或輸入是高度讚賞,謝謝!

+2

它可以」只能使用html/javascript來完成,您的web服務器正在處理傳入的請求,它應該爲所有這些請求提供相同的html文件,只有這樣您才能使用javascript處理您的不同URL。 – Walk

+0

啊,好吧,謝謝 – mattias

+1

@Walk你可能會像Angular的路由器那樣使用前端路由器來僞造它,但它仍然需要一些服務器配置。我會建議OP選擇一個框架(如Angular,React或Vue),對該框架的路由功能做一些研究(比如回顧https://angular.io/guide/router),嘗試一下,然後回來。 – zero298

回答

1

$(function() { 
 
    
 
    var my_url_list = [12,42]; // your ids 
 
    
 
    $.each(my_url_list, function(index, value) { 
 
    
 
    \t \t \t var href = '<a href="https://www.book.com'+value+'">book'+value+' </a> </br>'; 
 
      
 
     $("#links").append(href); 
 
\t \t }); 
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div id="links"> 
 

 
</div>

1

如果你滿意節點,使用fs模塊,你可以做到這一點,假設你有一個名爲books書網址數組:

for (var i = 0; i < books.length; i++) { 
    fs.writeFile(__dirname + "/books/" + books[i], fileContent, (err) => { 
    if (err) throw err; 
    console.log("File successfully saved"); 
    }); 
}