Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在URL中实现JavaScript和文本_Javascript_Html_Css_Random_Wallpaper - Fatal编程技术网

在URL中实现JavaScript和文本

在URL中实现JavaScript和文本,javascript,html,css,random,wallpaper,Javascript,Html,Css,Random,Wallpaper,在要求从我的列表中随机制作一张壁纸之前,我发了一篇帖子,但我现在想知道,如果不使用“images/bg-N.png”(N是一个数字),我是否可以使用类似的东西 <script type="text/javascript"> var images = ['1', '2', '3', '5', '6', '7', '8', '9', '10']; document.getElementsByClassName('mainview')[0].style.backgroundImag

在要求从我的列表中随机制作一张壁纸之前,我发了一篇帖子,但我现在想知道,如果不使用“images/bg-N.png”(N是一个数字),我是否可以使用类似的东西

<script type="text/javascript">
  var images = ['1', '2', '3', '5', '6', '7', '8', '9', '10'];
  document.getElementsByClassName('mainview')[0].style.backgroundImage = 'url('"images/bg-" + images[Math.round(Math.random() * images.length)] + ".png"')';
</script>

变量图像=['1','2','3','5','6','7','8','9','10'];
document.getElementsByClassName('mainview')[0].style.backgroundImage='url(''images/bg-“+images[Math.round(Math.random()*images.length)]+.png');

这不起作用,因为我对javascript本身知之甚少。如果有人能帮我解决这个问题,我将非常感激

据我所知,这是一个简单的语法问题:

<script type="text/javascript">
  var images = ['1', '2', '3', '5', '6', '7', '8', '9', '10'];
  document.getElementsByClassName('mainview')[0].style.backgroundImage = "url('images/bg-" + images[Math.round(Math.random() * images.length)] + ".png')";
</script>

变量图像=['1','2','3','5','6','7','8','9','10'];
document.getElementsByClassName('mainview')[0].style.backgroundImage=“url('images/bg-“+images[Math.round(Math.random()*images.length)]+”.png');

您不需要额外的引号

<script type="text/javascript">
  var images = ['1', '2', '3', '5', '6', '7', '8', '9', '10'];
  document.getElementsByClassName('mainview')[0].style.backgroundImage = 'url(images/bg-' + images[Math.round(Math.random() * images.length)] + '.png)';
</script>

变量图像=['1','2','3','5','6','7','8','9','10'];
document.getElementsByClassName('mainview')[0].style.backgroundImage='url(images/bg-'+images[Math.round(Math.random()*images.length)]+'.png';

我建议使用范围中的整数而不是数组

var bg_min=1;
var bg_max=10;
var bg_url='images/bg-_.png';
变量bg_replace='u';
var bg_rand=Math.floor(Math.random()*(bg_max-bg_min+1))+bg_min;
var bg_image=bg_url.replace(bg_replace,bg_rand);
document.getElementsByClassName('mainview')[0].style.backgroundImage=“url”(“+bg_image+”)”;
//删除实际页面中的以下行
document.getElementsByClassName('mainview')[0].innerHTML=bg_image

谢谢@asah,仍然不知道如何使用stackoverflow的一些编辑功能。我想实现一些与你制作的随机发生器相关的东西:)谢谢!再说一次,我对js的了解非常少,所以所有的括号、加号和引号都让我有点困惑!没问题。它只是与引擎如何解释字符串有关。你从一个引号开始,直到它读到另一个相同类型的引号,并且前面没有反斜杠(\),它才结束。既然我们已经有了两个半字符串,为什么要替换它呢?此外,我认为OP希望能够使用自定义的非数值随机(从我读到的原始数据是数值的,这是OP的mod)doh!在看到“代替”之前,我读了--“images/bg-N.png”(N是一个数字)