用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的Ajax时无响应数据的解决方法
May 25 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 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获取相对路径)
2014/03/27 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
javascript 面向对象思想 附源码
2009/07/07 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
详解如何用webpack打包一个网站应用项目
2017/07/12 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
详解easyui 切换主题皮肤
2019/04/04 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
2019/04/28 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
Python实现的简单hangman游戏实例
2015/06/28 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
Python实现的堆排序算法示例
2018/04/29 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
校园安全广播稿
2014/02/08 职场文书
2015政治思想表现评语
2015/03/25 职场文书
公司捐书倡议书
2015/04/27 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js