【问题标题】:How to use a random HTML file in JavaScript?如何在 JavaScript 中使用随机 HTML 文件?
【发布时间】:2016-06-18 01:27:54
【问题描述】:

我在试图弄清楚这一点时遇到了问题,特别是因为我对 javascript 真的很陌生。所以,我在我的页面中有这个地方,我想有一个随机的 html 文件,我将用 html 制作,我想链接到它。我希望每次页面刷新时它都是随机的,因为我会做很多这些 html 文件。

那么,这可能吗?我已经搜索了答案,但我发现的所有随机 html 问题都是关于整个页面的。我只希望页面的一小部分是随机的,类似于我在同一个网页中的随机图像。

我用于测试的页面是这个:http://vannapruebas.jcink.net/,我想为此使用显示“búsquedas”的切换开关。那么,有什么帮助吗?感谢并原谅我糟糕的英语!

【问题讨论】:

  • id 添加到父块并附加所有样式,选择器以id 开头。然后你可以将它只应用于那个块。

标签: javascript html random


【解决方案1】:

你所要做的就是列出你所有的 html,然后用 -> Getting a random value from a JavaScript array 随机选择一个。
我使用 jQuery 只是为了简化演示

var listOfHTML = ["sample/your.html","sample/another.html"];

$('#magic').on('click',function(e){
    var randomHTML = listOfHTML[Math.floor(Math.random()*listOfHTML.length)];
    $.get(randomHTML,function(response){
        $('#yourDiv').html(response);
        //do your animation when completed  
    });
});
<div id="yourDiv"></div> <button id="magic">búsquedas</button>

【讨论】:

  • 有效!可悲的是,我有点困惑自己,我想要随机化的代码是一个 html 文件,因为我可以在不随机化 css 的情况下工作。在那种情况下,我是否必须做同样的事情?因为我试过了,没用。对不起,错误:'D
猜你喜欢
  • 2011-07-02
  • 2022-01-23
  • 2018-09-16
  • 1970-01-01
  • 2011-06-17
  • 1970-01-01
  • 1970-01-01
  • 2012-12-19
  • 2012-12-24
相关资源
最近更新 更多