用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 相关文章推荐
浅析JavaScript中的类型和对象
Nov 29 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
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写出自己的BLOG系统 2
2010/04/12 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
JavaScript中判断函数是new还是()调用的区别说明
2011/04/07 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
JS验证码实现代码
2017/09/14 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
Python阶乘求和的代码详解
2020/02/14 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
物流管理应届生求职信
2013/11/07 职场文书
社团活动策划书范文
2014/01/09 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang