js实现刷新页面出现随机背景图

直接上代码：
<script>
var bodyBgs = [];
bodyBgs[0] = "IMG/01.jpg";
bodyBgs[1] = "IMG/02.jpg";
bodyBgs[2] = "IMG/03.jpg";
bodyBgs[3] = "IMG/04.jpg";
bodyBgs[4] = "IMG/05.jpg";
var randomBgIndex = Math.round( Math.random() * 4 );
//输出随机的背景图
document.write(‘<style>body{background:url(‘ + bodyBgs[randomBgIndex] + ‘)top center no-repeat; background-size:cover;}</style>‘);

</script>

时间： 2024-10-09 20:48:09

js实现刷新页面出现随机背景图的相关文章

页面的div中有滚动条，js实现刷新页面后回到记录时滚动条的位置

当div中绑定数据,给它一个属性overflow-y: scroll,添加长度大小,使其能够出现滚动条:每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行.如下: 第一种方案 将上一个页面的div的scrolltop距离长度记录在cookie中,然后通过js调整刷新页面时的长度记录,代码如下: js代码: <script> var _h = 0; function SetH(o) { _h = o.scrollTop SetCookie("a&q

JS定时刷新页面及跳转页面

Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write(

js自动刷新页面代码

<script language="JavaScript">function myrefresh(){window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script> 页面自动刷新代码大全1) 自动刷新页面 在 <body> 与 </body> 之间加入: <META http-equiv=refresh content=”10;url=../

JS倒计时刷新页面

/** * 定时刷新页面 */ var tim = 10; function clock(){ $("#seconds").html(tim+"秒后刷新"); tim--; if(tim==0){ window.location.reload(); tim=10; } setTimeout('clock()',1000*1); } THML页面显示刷新时间: <span style="color:#f00;" id="second

js 如何刷新页面

Javascript刷新页面的几种方法(未测试):1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href说明一下,jQuery没有发现刷新页面的方法. //网上一

js常用刷新页面的操作

一.手动刷新 1,history.go(0) 2,location.reload() 3,location=location 4,location.assign(location) 5,document.execCommand('Refresh') 6,window.navigate(location) 7,location.replace(location) 8,document.URL=location.href 二.自动刷新 <meta http-equiv="refresh&quo

JS 实时刷新页面

网上居然没有这样的例子,是因为太简单吗? 所谓"实时",当然不是像WPF那样,通过数据绑定进行精准更新,可是通过计时器,定时更新. JS 代码: 1 setInterval(function () { 2 $.get('/Home/Test', function (data) { 3 // 使用 data 进行某些操作4 }); 5 }, 1 * 1000); 只须在 Home 控制器中,添加一个方法 Test(),令其返回字符串,便能达到目的: 1 public ActionResu

JS 中刷新页面的方法

整理了就是这几种,,有些在IE下面是不支持的,慎用... 1,history.go(0) 2,location.reload() 3,location=location 4,location.assign(location) 5,document.execCommand('Refresh') 6,window.navigate(location) 7,location.replace(location) 8,document.URL=location.href

js 动态生成背景图 GeoPattern

以前有个想法,能不能用JS动态创建CANVAS绘制图案当网页背景,在网络发现有现成的别人已经实现的:GeoPattern 代码如下: <!DOCTYPE html> <html> <head> <title>js 生成随机背景图</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></s