用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中contents()方法用法实例
Jan 08 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
IE9 elementUI文件上传的问题解决
Oct 17 Javascript
详解json串反转义(消除反斜杠)
Aug 12 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
Aug 16 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 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)
2010/09/04 PHP
php 缩略图实现函数代码
2011/06/23 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
php上传excel表格并获取数据
2017/04/27 PHP
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
2015/02/03 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
Angular实现双向折叠列表组件的示例代码
2017/11/21 Javascript
Nodejs实现爬虫抓取数据实例解析
2018/07/05 NodeJs
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
深入了解query和params的使用区别
2019/06/24 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
python逐行读写txt文件的实例讲解
2018/04/03 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Django缓存系统实现过程解析
2019/08/02 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
标记环介质访问控制协议
2016/03/27 面试题
学校安全防火方案
2014/06/07 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
2014年村官工作总结
2014/11/24 职场文书
Pycharm连接远程服务器并远程调试的全过程
2021/06/24 Python
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers