用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 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
JavaScript 监听textarea中按键事件
Oct 08 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
2010/07/11 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
JS对img标签进行优化使用onerror显示默认图像
2014/04/24 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
javascript解析json实例详解
2014/11/05 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
js实现五星评价功能
2017/03/08 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
python清除函数占用的内存方法
2018/06/25 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
浅谈python之新式类
2018/08/12 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
python PyAutoGUI 模拟鼠标键盘操作和截屏功能
2019/08/04 Python
python用什么编辑器进行项目开发
2020/06/17 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
毕业留言寄语大全
2014/04/10 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
Java完整实现记事本代码
2022/06/16 Java/Android
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang