资源描述:
《JavaScript小技巧全集》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、JavaScript小技巧全集(一) 第一集 如何用滑鼠控制Web页面 在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合。怎样做到的呢 以下就是这一个连结的作法: <a href="tpage.htm" onMouseOver="window.status=’Just another stupid link...’; return true"> 在这儿你只要在传统 <a>
2、 的标签中加入 onMouseOver 的 method 就可达成你要的效果了。这里的 window.status 是用来让你可以在 WWW 浏览器的状态列上显示一些讯息用的。 在语法中,你可以看到讯息部分是用 ’ 括起来的部分,而非以 " 括起来。在讯息部分结束之后,必须加上 ; return true。好了,利用以上的特性可以很简单的完成第二个连结的例子,相当简单。以onMouseOver 的 method ,然后配合事件发生时去呼叫函数 hello() 就行了,不再多加解释了。 作法如下 <html>
3、 <head> <script language="LiveScript"> <!-- Hiding function hello() { alert("哈罗!"); } </script> </head> <body> <a href="" onMouseOver="hello()">link</a> </body> </html> 第二集 如何在页面内加入日期 我们要告诉你一个使用日期和时间的例子,是从你个人客户端机器获取日期和时间。 做法如下: <script language="Li
4、veScript"> <!-- Hiding today = new Date() document.write("现在时间是 ",today.getHours(),":", today.getMinutes()) document.write("<br>今天日期为 ", today.getMonth()+1, "/",today.getDate(),"/",today.getYear()); // end hiding contents --> </script> 在本例中,我们必需首先建立一个日
5、期变数,这可以由 today= new Date()来完成。如果没有特别指定时间与日期的话,浏览器将会采用本地客户端机器的时间。若将它放入变数 today 中,这儿要注意的是,我 们并没有宣告 today 这个变数的型态。 除以上功能外,在建立日期物件时你也可以事先设定日期如下: docStarted= new Date(96,0,13) 首先是年,接着是月(但记得减 1),再接着是日。同样的方法也可以加上时间的设定。如下 docStarted = new Date(96,0,13,10,50,0
6、) 前三个是日期的年、月、日,接着是时、分、秒。最后,我们必须提醒你 JavaScript 并没有实际的日期型态,但是它却能毫不费力地显示出日期和时间,原因是它是从 1 / 1 / 1970 0 0h 开始以 ms(milli seconds) 来计算目前的时间的,这听起来似乎有些复杂。但你倒不用担心,它有标准 的共用函数可以计算,你只要知道如何用就可以了。 第三集 如何在网页上使用history和forward 我们来看一个可以让你浏览不同文件的语法,我们这儿所要谈的是 back() 和 forward()这
7、两个函数, 如果你本身的文件中有一个连结是回到你本身文件的上一个连结文件的话,那和Netscope 浏览器 中所提供的back 按钮功能是不一样的。例如,在我的文件中,正常的连结连到某些我们认为会是这个文件来源的地方, 称 这 个连结叫 back,而 Netscape 浏览器中的 back按钮,则是回到你历史记录中的上一个连结,所以不同JavaScript,也能提供类似 Netscape 中back 按钮的功能,试试这个连结,你可以体会一下回来的感觉,这个语法如下所示: <html> <body> <FORM N
8、AME="buttonbar"> <INPUT TYPE="button" VALUE="Back" onClick="history. back()"> <INPUT TYPE="button" VALUE="JS- Home" onClick="location= ’script.htm’"> <INPUT TYPE