用Javascript添加HTML URL參數

Question

只需要這樣的html網址中的變量參數：

mywebpage.com/something.html?width=(Parameter1)&height=(Parameter2)

但是我要在該網頁的內容中添加以下內容：

<script>fid="example"; width=(Parameter1); height=(Parameter2);</script>

我該如何僅使用JavaScript和HTML

Answer 1

這是類似問題的建議代碼（ 如何從GET參數獲取值？ ）

var QueryString = function () {
  // This function is anonymous, is executed immediately and 
  // the return value is assigned to QueryString!
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
        // If first entry with this name
    if (typeof query_string[pair[0]] === "undefined") {
      query_string[pair[0]] = pair[1];
        // If second entry with this name
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]], pair[1] ];
      query_string[pair[0]] = arr;
        // If third or later entry with this name
    } else {
      query_string[pair[0]].push(pair[1]);
    }
  } 
    return query_string;
} ();

Answer 2

這么長的變量列表一定程度上是固定的，並且數量很少，請保持簡單。

HTML：

<a href="#" id="some-link-id>Click me!</a>

JS：

var width = 100;
var height = 100;

var link  = document.getElementById('some-link-id');
var url   = "http://mywebpage.com/page.html?width=" + width + "&height=" + height;
link.href = url;

或者，要更新您所在頁面的URL，只需設置window.location.href

var width = 100;
var height = 100;

var url = "http://mywebpage.com/page.html?width=" + width + "&height=" + height;
window.location.href = url;