如何将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上的实例