JS实例-优快云博客

本文提供了多个JavaScript示例，包括判断网页过期、使用setTimeout实现在线时钟及广告字幕滚动等功能，展示了如何利用JavaScript进行网页交互设计。

1、判断网页是否过期 getTime()

　　用于实现广告过期。

<head>
<h1>判断网页是否过期</h1>
<hr>
<script>

</script>

2、在线时钟实例 setTimeout()函数

　　setTimeout()函数
　　TimerID = setTimeout('showtime',1000)
　　通过setTimeout 来刷新时间间隔1000=1秒

<head>
<script>

</script>
</head>
<body onLoad="showtime()">
<Form name="CLOCK">
<input name="ALARM" type="text" size="45" value="">
如无效果请刷新
</form>
</body>

3、status window自带函数状态栏提示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>

</script>
</head>

<body>
<a href="abc.htm" onmouseover='window.status="abc.htm";return true'>abc</a><br>
<a href="def.htm" onmouseover='window.status="def.htm";return true'>def</a>
</body>
</html>

4、setTimeout 函数，自动链向新网站

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">

</script>
</head>
<body onload="Redir()">
我们的网站搬新家了!请单击下面的超链接进入我们的新网站<br>
<a href="http://www.chinaz.com">中国站长站</a>
<br> 2秒后自动进入新的网站，请耐心等待。
</body>
</html>

5、广告字幕实例

　　设置0.3秒后再次调用MARQUEE()函数
　　TimerID = setTimeout("marquee()",300)
　　广告字幕触发事件
　　<body onload="marquee()">

<head>
<script>
<!--
var ShowString =" "
+"Space,The final frontier... These are the"
       +"voyages of the Starship Enterprise, its"
       +"continuing mission: to explore strange"
       +"new worlds, to seek out new life and new"
       +"civilizatins, to boldly go where no man"
       +"has gone before.______________________________"
       +"宇宙,人类的最终边界....太空船企业号的旅程,"
       +"是为了探索陌生新世界,找寻新生命与新文明,勇"
       +"驶向人类足迹从未的领域."
//--------------------------------
var ShowWidth = 50
var ShowHead = 0
var ShowTail = ShowWidth
var ShowLength= ShowString.length
//--------------------------------
function marquee()
{
var DisplayString
if (ShowHead<ShowTail)
DisplayString = ShowString.substring(ShowHead,ShowTail)
else
DisplayString = ShowString.substring(ShowHead,ShowLength)
+ShowString.substring( 0,ShowTail)
//--------------------------------
ShowHead = (ShowHead + 2) % ShowLength
ShowTail = (ShowTail + 2) % ShowLength
//--------------------------------
document.RUNNING.SHOWPAD.value = DisplayString
//--------------------------------
TimerID = setTimeout("marquee()",300)
}
//->
</script>
</head>
<body onload="marquee()">
<center>
<form name="RUNNING">
<INPUT NAME="SHOWPAD" size=40 Type="text" value="">
如无效果请刷新。
</form>
</center>
</body>

6 更新记录后关闭子窗口并刷新父窗口的Javascript

有时我们需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 javascript 来实现"更新记录后关闭子窗口并刷新父窗口".

父窗口代码:

HTML:


  
    
      
    

    
     <a href="javascript:void(0)" onclick="window.open(&apos;child.html&apos;,&apos;child&apos;,&apos;width=400,height=300,left=200,top=200&apos;);">打开子窗口</a>

子窗口代码:

HTML:


  
    
      
    

    
     <script language="JavaScript" type="text/javascript"> 
    

    
     <!-- 
    

    
     function refreshParent() 
    

    
     { 
    

    
         window.opener.location.href = window.opener.location.href; 
    

    
         if (window.opener.progressWindow) 
    

    
         { 
    

    
             window.opener.progressWindow.close(); 
    

    
         } 
    

    
         window.close(); 
    

    
     } 
    

    
     //--> 
    

    
     </script> 
    

    
      
    

    
     <a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>