两种方法简单实现网站随机语录的显示
Posted 改变黑科技
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了两种方法简单实现网站随机语录的显示相关的知识,希望对你有一定的参考价值。
方法一:简单的javascript文本输出
这个方法相对来说更简单,但是因为语录是自己添加的,数量也就更少,更单一。闲鱼目前用的就是这个,要求不高也还行。类似这类的代码也很多,这里提到的是其中之一,大同小异,就不多说了。
<script language="JavaScript"> <!-- Hide var a = Math.random() + "" //产生一个随机数 var rand1 = a.charAt(5) //的到这个数的第五个字符(实际还是从0~9的数字) quotes = new Array //创建消息数组 quotes[1] = ‘语录1‘ //这里分配十句随机出现的文本 quotes[2] = ‘语录2‘ quotes[3] = ‘语录3‘ quotes[4] = ‘语录4‘ quotes[5] = ‘语录5‘ quotes[6] = ‘语录6‘ quotes[7] = ‘语录7‘ quotes[8] = ‘语录8‘ quotes[9] = ‘语录9‘ quotes[0] = ‘语录10‘ var quote = quotes[rand1] //由随机数选择一句话 //--> </script> <script language="JavaScript"> <!-- Hide document.write( quote ) //将上面选择的话写进页面 // --> </script>
方法二:调用一言的API语录
相对于第一个方法来说这个语录当然就更丰富了,方法也很简单。
<script type="text/javascript" src="https://api.lwl12.com/hitokoto/main/get?encode=js&charset=utf-8"></script><div id="lwlhitokoto"><script>lwlhitokoto()</script></div>
以上是关于两种方法简单实现网站随机语录的显示的主要内容,如果未能解决你的问题,请参考以下文章
前后端分离Springboot+Vue实现Kaptcha生成验证码Graphics 2D随机验证码(两种样式) | 通过Vue显示到前端页面