웹 페이지 제목에 유명 인사 인용문을 무작위로 표시하는 JS 방법

집

웹 프론트엔드

JS 튜토리얼

웹 페이지 제목에 유명 인사 인용문을 무작위로 표시하는 JS 방법_javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:34 PM

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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Apr 15, 2025 am 12:16 AM

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지Apr 14, 2025 am 12:05 AM

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

WebStorm Mac 버전

유용한 JavaScript 개발 도구

드림위버 CS6

시각적 웹 개발 도구

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는