超链接到随机HTML页面
Hyperlink to random HTML page
我有一个HTML页面的选择(假设30),我想有一个随机按钮,这样当按钮被按下时,它会随机显示30页中的一个。
我在网上找到了几个脚本,似乎做到了这一点,但他们似乎有点"黑客",想知道最简单,最干净的解决方案是什么?
提前感谢!
如果var arr
是你的数组,你可以得到一个随机值:
var value = arr[Math.floor(Math.random() * arr.length)];
生成一个介于0和数组长度之间的随机数。
你可以导航到那个url…
window.location = value;
更新简单演示:http://jsfiddle.net/ESSAc/1/
为按钮添加了一个简单的onclick属性:
<input type="button" onclick="runme()" value="Click Me!" />
执行这个函数:
function runme() {
var arr = ["http://www.bbc.co.uk/", "http://www.yahoo.com/", "http://www.stackoverflow.com/"];
var value = arr[Math.floor(Math.random() * arr.length)];
alert("Would navigate to : " + value);
// window.location = value; // remove the comment at the beginning to actually navigate
}
我不知道这是不是很"hacky",但我想这样做:
jQuery('#sumfin').onclick( function() {
jQuery.get(
'someurlthatreturnsjsonwitharandomurl.php',
{},
function (data) {
window.location = data.url;
},
'json'
);
}
然后在服务器端脚本中设置一个页面数组
相关文章:
- 使用javascript将动态表从一个html页面打印到另一个html页
- 在chrome.tabs.onCreated之后加载HTML页面
- 使用chrome扩展编辑页面html
- 阻止WordPress自动格式化页面HTML
- 如何将数据从一个页面传递到另一个页面html
- 如何使用ceratin Javascript逻辑更新JSP页面html元素
- 我可以通过Javascript从另一个网页获取特定的页面HTML代码吗?
- 淡入 在页面 html 之间淡出并使用数组脚本更改图像
- 我使用XMLHttpRequest作为菜单,当我请求一个包含javascript的页面HTML时,没有任何反应,为什么
- 如何强制浏览器缓存页面.html
- 如何在jQuery中加载页面html和内容(如图像)
- 复制的文件不起作用 - ID在不同页面HTML JavaScript PHP中不起作用
- 如何在没有实际页面刷新的情况下更新页面html和url
- 使用javascript转到另一个页面html
- 如何在页面html区域APEX(Oracle Application Express)上使用共享组件静态文件或CSS文件
- 替换页面html中多次出现的单词
- 如何避免在菜单下拉菜单中重新加载页面?HTML与JQUERY
- 无法重定向其他页面(HTML、Javascript)中的输出
- 提交操作,但显示不同的页面HTML
- 将文本框的值传递给另一个页面html