如何解析URL查詢字符串，然後將解析的變量注入到HTML DOM中？

-4

我想解決我在標題中列出的兩個說明問題。例如，我怎麼會拿一個URL查詢字符串，如：如何解析URL查詢字符串，然後將解析的變量注入到HTML DOM中？

http://www.example.com/index.html?title=My%20Website

解析查詢字符串，以獲得title屬性的值，然後注入該值到HTML DOM，使用（用於實例）作爲頁面標題？爲了反映類似：

<title>My Website</title>

2015-06-30 FRP7

問題不是很清楚......你能給出預期結果和輸入數據的例子嗎？ – ben

我想在html中輸入查詢字符串的名稱（換句話說，我需要某種類型的腳本，只要放入不同的查詢字符串，就會更改html內容）。 – FRP7

我不是對這個問題完全清楚，但什麼我假設你想是你進入到瀏覽器的URL支配的某些部分的API DOM內容。你可以通過在你的URL中使用查詢字符串來實現這一點，讓javascript解析查詢的URL，然後將解析後的查詢的值注入到HTML中。因此，在僞代碼：

輸入網址：http://www.mywebsite.com/index.html?title=My%20Webpage

解析URL：var result = myParseFunction(window.location.search)

注入結果自然成DOM（使用jQuery）：$("title").text(result)

我是超級普通的，因爲我不明白這個問題，但從你所說的話，這將實現你想要的，我想。你如何實現這一切取決於你。

2015-06-30 13:10:51

是的，這是正確的，我想把查詢字符串值放入html – FRP7

什麼是myParseFunction？ – FRP7

它只是表示您將用於解析URL查詢字符串的任何函數。有很多實現提供解析URL查詢字符串的解決方案，現在我太忙了，所以我發佈了一個過程來儘可能幫助你解決問題。 –

要解碼搜索字符串是像?q=here%20is%20my%20cool%20string

您可以

window.location.search

然後訪問URL參數的方式，你也許想使用decodeURIComponent擺脫「特殊」字符，請參閱此處的說明：http://www.w3schools.com/jsref/jsref_decodeuricomponent.asp

您的參數會終於看起來像這樣：

var myvar = window.location.search.decodeURIcomponent()

2015-06-30 13:05:18 DatLicht

回答