用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 相关文章推荐
如何实现浏览器上的右键菜单
Jul 10 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
js实现千分符和保留几位小数的简单实例
2016/08/01 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
分享几道你可能遇到的python面试题
2017/07/24 Python
老生常谈python中的重载
2018/11/11 Python
python requests使用socks5的例子
2019/07/25 Python
Python Process多进程实现过程
2019/10/22 Python
Python实现一个优先级队列的方法
2020/07/31 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
是什么让J2EE适合用来开发多层的分布式的应用
2015/01/16 面试题
外贸业务员求职信范文
2013/12/12 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书