JS实现网页标题随机显示名人名言的方法

本文实例讲述了JS实现网页标题随机显示名人名言的方法。分享给大家供大家参考，具体如下：

这段代码实现每次刷新过后，网页的标题都会随机显示名人名言，一次一条，把这些名言定义在Javascript的数组内，每次调用随机调用一条，随机产生的随机数正好是数组的标号，这样就实现了随机，不错的效果吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-title-show-tips-style-codes/

具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题随机显示名言JS代码</title>
<SCRIPT type=text/javascript>
//指定条目数
tips = new Array(110);
//条目内容
tips[0] = '生活是不公平的，你要去适应它。';
tips[1] = '送人玫瑰，手流余香。';
tips[2] = '我们有不同的籍贯、不同的年龄、不同的习惯、不同的经历，但有一点我们是相同的，那就是都有一颗：爱心。';
tips[3] = '锦上添花固然好,雪中送炭更可贵。';
tips[4] = '伸出您的友爱之手,让更多的孩子重返校园。';
tips[5] = '如果你陷入困境，那不是你父母的过错，不要将你理应承担的责任转嫁给他人，而要学着从中吸取教训。';
tips[6] = '爱心一片,真情永远。';
tips[7] = '聆听心声,实现愿望。';
tips[8] = '走出学校后的生活不像在学校一样有学期之分，也没有暑假之说。没有几位老板乐于帮你发现自我，你必须依靠自己去完成。';
tips[9] = '电视中的许多场景决不是真实的生活。在现实生活中，人们必须埋头做自己的工作，而非像电视里演的那样天天泡在咖啡馆里。';
tips[10] = '善待你所厌恶的人，因为说不定哪一天你就会为这样的一个人工作。';
tips[11] = '人生应该如蜡烛一样，从顶燃到底，一直都是光明的。 —— 萧楚女';
tips[12] = '人生的价值，即以其人对于当代所做的工作为尺度。 —— 徐玮';
tips[13] = '路是脚踏出来的，历史是人写出来的。人的每一步行动都在书写自己的历史。 —— 吉鸿昌';
tips[14] = '春蚕到死丝方尽，人至期颐亦不休。一息尚存须努力，留作青年好范畴。 —— 吴玉章';
tips[15] = '但愿每次回忆，对生活都不感到负疚 —— 郭小川';
tips[16] = '人的一生可能燃烧也可能腐朽，我不能腐朽，我愿意燃烧起来！ —— 奥斯特洛夫斯基';
tips[17] = '你若要喜爱你自己的价值，你就得给世界创造价值。 —— 歌德';
tips[18] = '社会犹如一条船，每个人都要有掌舵的准备。 —— 易卜生';
tips[19] = '人生不是一种享乐，而是一桩十分沉重的工作。 —— 列夫·托尔斯泰';
tips[20] = '人生的价值，并不是用时间，而是用深度去衡量的。 —— 列夫·托尔斯泰';
tips[21] = '生活只有在平淡无味的人看来才是空虚而平淡无味的。 —— 车尔尼雪夫斯基';
tips[22] = '一个人的价值，应该看他贡献什么，而不应当看他取得什么。 —— 爱因斯坦';
tips[23] = '人只有献身于社会，才能找出那短暂而有风险的生命的意义。 —— 爱因斯坦';
tips[24] = '芸芸众生，孰不爱生？爱生之极，进而爱群。 —— 秋瑾';
tips[25] = '生活真象这杯浓酒，不经三番五次的提炼呵，就不会这样可口！ —— 郭小川';
tips[26] = '充满着欢乐与斗争精神的人们，永远带着欢乐，欢迎雷霆与阳光。 —— 赫胥黎';
tips[27] = '春风吹柳,雨润大地。';
tips[28] = '为了生活中努力发挥自己的作用，热爱人生吧。 —— 罗丹';
tips[29] = '希望是附丽于存在的，有存在，便有希望，有希望，便是光明。 —— 鲁迅';
tips[30] = '沉沉的黑夜都是白天的前奏。 —— 郭小川';
tips[31] = '当一个人用工作去迎接光明，光明很快就会来照耀着他。 —— 冯学峰';
tips[32] = '东天已经到来，春天还会远吗？ —— 雪莱';
tips[33] = '过去属于死神，未来属于你自己。 —— 雪莱';
tips[34] = '世间的活动，缺点虽多，但仍是美好的。 —— 罗丹';
tips[35] = '辛勤的蜜蜂永没有时间悲哀。 —— 布莱克';
tips[36] = '希望是厄运的忠实的姐妹。 —— 普希金';
tips[37] = '当你的希望一个个落空，你也要坚定，要沉着！ —— 朗费罗';
tips[38] = '先相信你自己，然后别人才会相信你。 —— 屠格涅夫';
tips[39] = '不要慨叹生活底痛苦！---慨叹是弱者...... —— 高尔基';
tips[40] = '宿命论是那些缺乏意志力的弱者的借口。 —— 罗曼·罗兰';
tips[41] = '春回人间,真情奉献。';
tips[42] = '私心胜者，可以灭公。 —— 林逋';
tips[43] = '人人好公，则天下太平；人人营私，则天下大乱。 —— 刘鹗';
tips[44] = '自私自利之心，是立人达人之障。 —— 吕坤';
tips[45] = '如烟往事俱忘却，心底无私天地宽。 —— 陶铸';
tips[46] = '常求有利别人，不求有利自己。 —— 谢觉哉';
tips[47] = '一切利己的生活，都是非理性的，动物的生活。 —— 列夫·托尔斯泰';
tips[48] = '人的理性粉碎了迷信，而人的感情也将摧毁利己主义。 —— 海涅';
tips[49] = '无私是稀有的道德，因为从它身上是无利可图的。 —— 布莱希特';
tips[50] = '君子喻于义，小人喻于利。 —— 孔丘';
tips[51] = '不戚戚于贫贱，不汲汲于富贵。 —— 陶渊明';
tips[52] = '富贵不淫贫贱乐，男儿到此是豪雄。 —— 程颢';
tips[53] = '清贫，洁白朴素的生活，正是我们革命者能够战胜许多困难的地方！ —— 方志敏';
tips[54] = '三军可夺帅也,匹夫不可夺志也。 —— 孔丘';
tips[55] = '志不强者智不达。 —— 墨翟';
tips[56] = '燕雀安知鸿鹄之志哉！ —— 陈涉';
tips[57] = '志当存高远。 —— 诸葛亮';
tips[58] = '老骥伏枥，志在千里；烈士暮年，壮心不已。 —— 曹操';
tips[59] = '燕雀戏藩柴，安识鸿鹄游。 —— 曹植';
tips[60] = '穷且益坚，不坠青云之志。 —— 王勃';
tips[61] = '大鹏一日同风起，扶摇直上九万里。 —— 李白';
tips[62] = '古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。 —— 苏轼';
tips[63] = '生当作人杰，死亦为鬼雄，至今思项羽，不肯过江东。 —— 李清照';
tips[64] = '壮心未与年俱老，死去犹能作鬼雄。 —— 陆游';
tips[65] = '故立志者，为学之心也；为学者，立志之事也。 —— 王阳明';
tips[66] = '贫不足羞，可羞是贫而无志。 —— 吕坤';
tips[67] = '我们以人们的目的来判断人的活动。目的伟大，活动才可以说是伟大的。 —— 契诃夫';
tips[68] = '毫无理想而又优柔寡断是一种可悲的心理。 —— 培根';
tips[69] = '生活的理想，就是为了理想的生活。 —— 张闻天';
tips[70] = '人，只要有一种信念，有所追求，什么艰苦都能忍受，什么环境也都能适应。 —— 丁玲';
tips[71] = '理想的人物不仅要在物质需要的满足上，还要在精神旨趣的满足上得到表现。 —— 黑格尔';
tips[72] = '一个能思想的人，才真是一个力量无边的人。 —— 巴尔扎克';
tips[73] = '一个没有受到献身的热情所鼓舞的人，永远不会做出什么伟大的事情来。 —— 车尔尼雪夫斯基';
tips[74] = '共同的事业，共同的斗争，可以使人们产生忍受一切的力量。 —— 奥斯特洛夫斯基';
tips[75] = '我从来不把安逸和快乐看作是生活目的本身---这种伦理基础，我叫它猪栏的理想。 —— 爱因斯坦';
tips[76] = '在一个人民的国家中还要有一种推动的枢纽，这就是美德。 —— 孟德斯鸠';
tips[77] = '人不能象走兽那样活着，应该追求知识和美德。 —— 但丁';
tips[78] = '勿以恶小而为之，勿以善小而不为。惟贤惟德，能服于人。 —— 刘备';
tips[79] = '不患位之不尊，而患德之不崇；不耻禄之不伙，而耻智之不博。 —— 张衡';
tips[80] = '土扶可城墙，积德为厚地。 —— 李白';
tips[81] = '行一件好事，心中泰然；行一件歹事，衾影抱愧。 —— 神涵光';
tips[82] = '入于污泥而不染、不受资产阶级糖衣炮弹的侵蚀，是最难能可贵的革命品质。—— 周恩来';
tips[83] = '一个人最伤心的事情无过于良心的死灭。 —— 郭沫若';
tips[84] = '害羞是畏惧或害怕羞辱的情绪，这种情绪可以阻止人不去犯某些卑鄙的行为。 —— 斯宾诺莎';
tips[85] = '应该热心地致力于照道德行事，而不要空谈道德。 —— 德谟克利特';
tips[86] = '感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提。 —— 凯洛夫';
tips[87] = '没有伟大的品格，就没有伟大的人，甚至也没有伟大的艺术家，伟大的行动者。 —— 罗曼·罗兰';
tips[88] = '理智要比心灵为高，思想要比感情可靠。 —— 高尔基';
tips[89] = '顶级培训网 让我们携手一起成长 ';
tips[90] = '人类被赋予了一种工作，那就是精神的成长。 —— 列夫·托尔斯泰';
tips[91] = '人在智慧上应当是明豁的，道德上应该是清白的，身体上应该是清洁的。 —— 契诃夫';
tips[92] = '良心是由人的知识和全部生活方式来决定的。 —— 马克思';
tips[93] = '不念居安思危，戒奢以俭；斯以伐根而求木茂，塞源而欲流长也。 —— 魏徵';
tips[94] = '历览前贤国与家，成由勤俭破由奢。 —— 李商隐';
tips[95] = '把“德性”教给你们的孩子：使人幸福的是德性而非金钱。这是我的经验之谈。在患难中支持我的是道德，使我不曾自杀的，除了艺术以外也是道德。 —— 贝多芬';
tips[96] = '如果道德败坏了，趣味也必然会堕落。——狄德罗';
tips[97] = '我愿证明，凡是行为善良与高尚的人，定能因之而担当患难。 —— 贝多芬';
tips[98] = '装饰对于德行也同样是格格不入的，因为德行是灵魂的力量和生气。 —— 卢梭';
tips[99] = '我深信只有有道德的公民才能向自己的祖国致以可被接受的敬礼。 —— 卢梭';
tips[100] = '懒人图库-网页素材下载站 - 学会偷懒，并懒出境界是提高工作效率最有效的方法！';
tips[101] = '对于事实问题的健全的判断是一切德行的真正基础。 —— 夸美纽斯';
tips[102] = '德行的实现是由行为，不是由文字。 —— 夸美纽斯';
tips[103] = '霸祖孤身取二江，子孙多以百城降。豪华尽出成功后，逸乐安知与祸双？ —— 王安石';
tips[104] = '阴谋陷害别人的人，自己会首先遭到不幸。 —— 伊索';
tips[105] = '奢则妄取苟取，志气卑辱；一从俭约，则于人无求，于己无愧，是可以养气也。 —— 罗大经';
tips[106] = '侈则多欲。君子多欲则念慕富贵，枉道速祸。 —— 司马光';
tips[107] = '顶级培训网 让我们携手一起成长 ';
tips[108] = '知耻近乎勇。 —— 孔丘';
tips[109] = '辱，莫大于不知耻。 —— 王通';
tips[110] = '君子忧道不忧贫。 —— 孔丘';
index = Math.floor(Math.random() * tips.length);
window.document.title += " - "+tips[index];
</SCRIPT>
</head>
<body>
<p>请刷新查看网页的标题↑</p>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • 标题过长使用javascript按字节截取字符串

    做为一个前端开发人员在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,各种坑. 让后台程序截一下,又各种推托,让后台按字节截一下更是和要了后台老命一样,最后可能只会安字符长度给你截一下,最后不好看,对不齐,还是回头整CSS.调兼容: 有以上有感触的前端同学默默点个赞吧. 最近接触一个项目,后台只提供接口(json),所有页面的数据渲染,数据绑定都都交给了前端.终于,不考虑SEO,页面所有的主动权到偶的手中了,不经意间就碰到字节截取老问题了. 网络上流传一个Java

  • JavaScript实现带标题的图片轮播特效

    JavaScript实现带标题的图片轮播特效

    图片轮播,在一些购物网站上运用的不胜枚举,下面简单介绍一下图片轮播的实现. 如图 CSS代码: <style type="text/css"> .body{ width:524px; border:solid 1px #666; margin-left:auto; margin-right:auto; } .bg{ background-color:#E0E0E0; height:20px; border-top:solid 1px #B4B4B4; } .number{

  • 拖动table标题实现改变td的大小(css+js代码)

    复制代码 代码如下: <html> <title>拖动列宽的表格</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"><!-- .bg td{ font-size:12px; text-align:left; line-height:1

  • JavaScript修改浏览器tab标题小技巧

    修改tab或者window的标题,是一项较老的实践.Gmail 用它来提示用户新的聊天消息,当有新的page通过AJAX加载的时候,本站同样用它更新tab title.这是怎样做到的呢?当时是通过设置document对象. 复制代码 代码如下: document.title = 'Hello!'; // New title :) 有一个常识性的错误是:你会以为应该去修改 window.title.但实际上,你应该使用document对象,否则你做的肯定是无用的.注意一下,你将会看到:很多时候会用

  • js实现的标题栏新消息闪烁提示效果

    公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息.具体实现代码如下: 复制代码 代码如下: var newMessageRemind = {    _step: 0,    _title: document.title,    _timer: null,    //显示新消息提示    show: function() {        var temps = newMessageRemind._title.replace("[ ]", "").re

  • JS动态改变浏览器标题的方法

    本文实例讲述了JS动态改变浏览器标题的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <hea

  • javascript 获取网页标题代码实例

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

  • Jquery修改页面标题title其它JS失效的解决方法

    Jquery代码 复制代码 代码如下: $("title").html("hello"); 后来只好用下面这段js代码来实现 Js代码 复制代码 代码如下: document.title="hello";

  • JavaScript在浏览器标题栏上显示当前日期和时间的方法

    本文实例讲述了JavaScript在浏览器标题栏上显示当前日期和时间的方法,分享给大家供大家参考.具体如下: 将这段脚本放到head区即可: <script language="JavaScript"> <!-- function resetIt() { // Calculate Time var timerID = null; var timerRunning = false; if(timerRunning) clearTimeout(timerID); time

  • JavaScript获取当前网页标题（title）的方法

    本文实例讲述了JavaScript获取当前网页标题(title)的方法.分享给大家供大家参考.具体如下: JS中的document.title可以获取当前网页的标题 <!DOCTYPE html> <html> <head> <title>jb51.net</title> </head> <body> current document's title is: <script> document.write(do

  • JavaScript实现标题栏文字轮播效果代码

    JavaScript实现标题栏文字轮播效果代码

    本文实例讲述了JavaScript实现标题栏文字轮播效果代码.分享给大家供大家参考,具体如下: 这里演示的JS文字轮播,显示在标题栏区域,以前个人主页时候经常见到的效果,不过现在都规范了,标题栏一般都不加入这种效果了.但是可以学习一下JS制作实现一些文字特效,运行效果后请查看标题栏. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/ 具体代码如下: <html> <head>

  • JS实现网页标题栏显示当前时间和日期的完整代码

    JS实现网页标题栏显示当前时间和日期的完整代码

    本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码.分享给大家供大家参考,具体如下: 本效果实现在网页的标题栏最前端显示当前的时间和日期,还可以显示星期几,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-show-date-time-codes/ 具体代码如下: <html> <head> <title&

随机推荐