JavaScript小技巧全集整理.pdfVIP

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