用JavaScript显示随机图像或引用


Posted in Javascript onApril 21, 2009

使用这一脚本的第一步是选择下面的文本中的代码,并将其复制到rand.js的文件夹。 

var mess = new Array('code0','code1','code2'); 
var max = mess.length; 

var num = Math.floor((Math.random() * max)); 

document.writeln(mess[num]);

现在你需要更新这一代码,使其指定你需要的图像或引用。首先,你要按照需求重复代码code()行若干次,直到数组将你需要的所有条目都包含在随机选择中(例:它的起始值是3,也就是说如果你有10个条目,那么只需要重复该行7次即可)。

如果你使用的是引用,你只需要简单地用上面的文本取代code(),code1,code2就可以了。如果你想要用这一大妈来显示随机的图像, 那么你要把所有图像的HTML代码放到条目中。你可以通过将合适的HTML和文本放置到条目中的方式,为你的网页制作任意类型的代码,而且还是随机选择。

最后,使用如下代码把脚本附加到你的网页主体部分,即你需要显示链接或信息的地方:

< script type="text/javascript" src="rand.js">< /script>

Javascript 相关文章推荐
jquery 操作DOM案例代码分享
Apr 05 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
js自定义select下拉框美化特效
May 12 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
JavaScript实现横版菜单栏
Mar 17 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
JavaScript 无符号右移运算符
Apr 17 #Javascript
JavaScript 无符号右移赋值操作
Apr 17 #Javascript
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 #Javascript
jQuery autocomplete插件修改
Apr 17 #Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 #Javascript
jquery 实现的全选和反选
Apr 15 #Javascript
Extjs Ajax 乱码问题解决方案
Apr 15 #Javascript
You might like
php分页函数
2006/07/08 PHP
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
模拟select的代码
2011/10/19 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
python基础教程之五种数据类型详解
2017/01/12 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
Python 处理文件的几种方式
2019/08/23 Python
python推导式的使用方法实例
2021/02/28 Python
苹果美国官方商城:Apple美国
2016/08/24 全球购物
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
总经理的岗位职责
2014/02/23 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
三好生演讲稿
2014/09/12 职场文书
统计学教授推荐信
2014/09/18 职场文书
办理护照工作证明
2014/10/10 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js