如何將javascript函數的參數添加到url中？

Question

說我有一個功能：

function potato(param) {
document.body.style.backgroundImage = 'url(file:///C:/Users/Joe)';}

當我打電話給馬鈴薯（'/ chicken.jpg'）時，我想這樣做，它會將馬鈴薯中的url修改為file：/// C：/Users/Joe/chicken.jpg。 怎么可以這樣做？ 謝謝

Answer 1

瀏覽器中的Javascript無權訪問文件系統。 嘗試使用文檔根目錄C：\\ User \\ Joe運行本地Web瀏覽器，然后傳入url路徑...類似' http：//localhost/chicken.jpg '

Answer 2

只需使用concatenate運算符。 所以在JavaScript中使用+。

'my / base / url'+ myStringVar;

'URL（文件：/// C：/用戶/喬' + PARAM + '）';

Answer 3

我想你想要這樣的東西。 使用param調用函數時，此代碼將替換背景圖像：

function potato(param){
  var $element = document.querySelector('.something'),
      url = 'file:///C:/Users/Joe/' + param;

  $element.style.backgroundImage = "url('" + url + "')";

  console.log('=>' + $element.style.backgroundImage);
}

這是jsbin => https://jsbin.com/?html,console,output上的實例