小玩意:HTML文件写入随机字符串并输出到Web页面

solar @ 2008年06月14日 - 舒服,沙发还在 » - 615 Views

闲着没事搞得一个小东西,如果你够细心的话会发现我的BLOG每刷新一次页面,标题下面的一行小字就会变换不同的内容,那么这是怎么实现的呢,其实很简单答案就是Javascript。OK!看代码吧。

  1. var SayingsText = new Array('你什么时候放下,什么时候就没有烦恼', '修行就是修正自己错误的观念', '自己不曾拥有,就快乐地欣赏别人的拥有', '夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远', '塞翁失马,祸兮福倚。得丧荣辱,奚足介意', '污则欲避,轻则易弃。避则无憾于人,弃则无累于己', '宠辱不惊,看庭前花开花落。得失俱忘,观天上云卷云舒', '学问勤中得,富裕俭中来', '一分耕耘,一分收获'); SayingsIndex=Math.floor(Math.random() * SayingsText.length); Saying=SayingsText[SayingsIndex]; document.writeln(Saying)

复制上面的代码,保存为js文件,然后在页面调用即可,是不是很简单呢?你也可以试试。下面是一个调用代码示例:

  1. <script type="text/javascript" src="saying.js"></script>

 

当然你也可以直接写到页面里任何你想显示的地方,象下面这样:

  1. <script type="text/javascript">
  2. <!--
  3. var SayingsText = new Array('你什么时候放下,什么时候就没有烦恼', '修行就是修正自己错误的观念', '自己不曾拥有,就快乐地欣赏别人的拥有', '夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远', '塞翁失马,祸兮福倚。得丧荣辱,奚足介意', '污则欲避,轻则易弃。避则无憾于人,弃则无累于己', '宠辱不惊,看庭前花开花落。得失俱忘,观天上云卷云舒', '学问勤中得,富裕俭中来', '一分耕耘,一分收获');
  4. SayingsIndex=Math.floor(Math.random() * SayingsText.length);
  5. Saying=SayingsText[SayingsIndex];
  6. document.writeln(Saying)
  7. -->
  8. </script>

Tips:You can change the code before run.

按F5看看会不会变。

暂时没有评论 在 “小玩意:HTML文件写入随机字符串并输出到Web页面” 之后

注意:欢迎任何评论,但管理员保留编辑、修改与删除的权利。

在IE里可能无法发表评论(原因不明,囧~~~),请使用 Opera 或 Firefox ,或者其他任何非IE浏览器!


  • :em02:
  • :em11:
  • :em15:
  • :em14:
  • :em08:
  • :em21:
  • :em20:
  • :em04:
  • :em16:
  • :em13:
  • :em09:
  • :em18:
  • :em10:
  • :em19:
  • :em06:
  • :em01:
  • :em05:
  • :em03:
  • :em22:
  • :em07:
  • :em12:
  • :em17:


(Ctrl + Enter 快速提交)