javascript4.htm

javascript基础教程适合初学javascript的人下载一个很快就能掌握其中的知识.

    <p><span style="color: rgb(125,125,125)" class="text">锚点anchor()：该方法创建如用Html文文件中一样的anchor标记。使用anchor如用Html中(A 
    Name=&quot;&quot;)一样。通过下列格式访问:string.anchor(anchorName)。 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">有关字符显示的控制方法 <br>
    big字体显示, Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）字符用小体字显示，fixed()固定高亮字显示、fontsize(size)控制字体大小等。 
    </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">字体颜色方法；fontcolor(color) 
    </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">字符串大小写转换 <br>
    toLowerCase()－小写转换，toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式: 
    <br>
    string=stringValue.toUpperCase和string=stringValue.toLowerCase。 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">字符搜索：indexOf[charactor,fromIndex] 
    <br>
    从指定formIndtx位置开始搜索charactor第一次出现的位置。 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">返回字符串的一部分字符串：substring(start,end) 
    </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">从start开始到end的字符全部返回。 
    <br>
    　 <br>
    ２)、算术函数的math对象 <br>
    　功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等 
    。 <br>
    　静动性：静态对象 <br>
    （１）主要属性 <br>
    math中提供了６个属性，它们是数学中经常用到的常数Ｅ、以１０为底的自然对数ＬＮ１０、以２为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。 
    <br>
    （２）主要方法 <br>
    　绝对值：abs() <br>
    　正弦余弦值：sin(),cos() <br>
    　反正弦反余弦 :asin(), acos() <br>
    　正切反正切：tan(),atan() <br>
    　四舍五入：round() <br>
    　平方根：sqrt() <br>
    　基于几方次的值：Pow(base,exponent) <br>
    ... <br>
    ３)、日期及时间对象 <br>
    　功能：提供一个有关日期和时间的对象。 <br>
    　静动性：动态性，即必须使用New运算符创建一个实例。例: </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">MyDate=New Date() <br>
    Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。 
    <br>
    　日期起始值:１７７０年１月１日００:００:００。 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">(1) 获取日期的时间方法 <br>
    　getYear(): 返回年数 <br>
    　getMonth():返回当月号数 <br>
    　getDate(): 返回当日号数 <br>
    　getDay():返回星期几 <br>
    　getHours():返回小时数 <br>
    　getMintes(:返回分钟数 <br>
    　getSeconds():返回秒数 <br>
    　getTime() : 返回毫秒数 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">(1) 设置日期和时间： <br>
    　setYear();设置年 <br>
    　setDate():设置当月号数 <br>
    　setMonth():设置当月份数 <br>
    　setHours():设置小时数 <br>
    　setMintes():设置分钟数 <br>
    　setSeconds():设置秒数 <br>
    　setTime ():设置毫秒数 <br>
    ... <br>
    2、JavaScript中的系统函数 <br>
    JavaScript中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建任何实例,可直接用。 
    <br>
    1) 返回字符串表达式中的值： <br>
    　方法名：eval（字符串表达式），例： <br>
    test=eval(&quot;8+9+5/2&quot;); <br>
    2) 返回字符串ASCI码： <br>
    　方法名：unEscape (string) <br>
    3) 返回字符的编码： <br>
    　方法名：escape(character) <br>
    4) 返回实数： <br>
    parseFloat(floustring); <br>
    5) 返回不同进制的数： <br>
    parseInt(numbestring ,rad.X) <br>
    其中radix是数的进制，numbs字符串数 <br>
    　 <br>
    三、范例 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">下面是一个时钟显示的JavaScript文檔。在文文件中用了非常多的函数。 
    <br>
    Test4_1.htm <br>
    &lt;html&gt; <br>
    &lt;head&gt; <br>
    &lt;style TYPE=&quot;text/css&quot;&gt; <br>
    &lt;style&gt; <br>
    &lt;/style&gt; <br>
    &lt;title&gt;时钟&lt;/title&gt; <br>
    &lt;script LANGUAGE=&quot;JavaScript&quot;&gt; <br>
    function showClock() { <br>
    } <br>
    function hideClock() { <br>
    } <br>
    var timerID = null <br>
    var timerRunning = false <br>
    function stopClock() { <br>
    if(timerRunning) <br>
    clearTimeout(timerID); <br>
    timerRunning = false <br>
    document.clock.face.value = &quot;&quot;; <br>
    } <br>
    function showTime() { <br>
    var now = new Date(); <br>
    var year = now.getYear(); <br>
    var month = now.getMonth() + 1; <br>
    var date = now.getDate(); <br>
    var hours = now.getHours(); <br>
    var mins = now.getMinutes(); <br>
    var secs = now.getSeconds(); <br>
    var timeVal = &quot;&quot;; <br>
    timeVal += ((hours &lt;= 12) ? hours : hours - 12); <br>
    timeVal += ((mins &lt; 10) ? &quot;:0&quot; : &quot;:&quot;) + mins; <br>
    timeVal += ((secs &lt;= 10) ? &quot;:0&quot; : &quot;:&quot;) + secs; <br>
    timeVal += ((hours &lt; 12) ? &quot;AM&quot; : &quot;PM&quot;); <br>
    timeVal += ((month &lt; 10) ? &quot; on 0&quot; : &quot; on &quot;) + month + 
    &quot;-&quot;; <br>
    timeVal += date + &quot;-&quot; + year; <br>
    document.clock.face.value = timeVal; <br>
    timerID = setTimeout(&quot;showTime()&quot;, 1000); <br>
    timerRunning = true <br>
    } <br>
    function startClock() { <br>
    stopClock(); <br>
    showTime(); <br>
    } <br>
    　 <br>
    function windowOpener( indexnum ){ <br>
    var loadpos=&quot;date.html&quot;+&quot;#&quot;+indexnum; <br>
    controlWindow=window.open(loadpos,&quot;date&quot;,&quot;toolbar=no,location=no,directories=no,<br>
    status=no,menubar=no,scrollbars=yes,resizable=yes,width=620,height=400&quot;); <br>
    } <br>
    &lt;/script&gt; <br>
    &lt;/head&gt; <br>
    &lt;body onLoad=&quot;startClock()&quot; &gt; <br>
    &lt;p align=&quot;center&quot;&gt;&lt;big&gt;&lt;span style=&quot;background-color: 
    rgb(45,45,45)&quot;&gt;&lt;font face=&quot;Arial&quot;&gt;form&lt;/font&gt; &amp;nbsp; 
    &lt;font face=&quot;宋体&quot;&gt;时钟&lt;/font&gt;　&lt;/span&gt;&lt;/big&gt;&lt;/p&gt; 
    <br>
    &lt;p align=&quot;center&quot;&gt;　&lt;/p&gt; <br>
    &lt;div align=&quot;center&quot;&gt;&lt;center&gt; <br>
    &lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt; <br>
    &lt;tr&gt; <br>
    &lt;td width=&quot;100%&quot;&gt;&lt;form NAME=&quot;clock&quot; 
    onSubmit=&quot;0&quot;&gt; <br>
    &lt;div align=&quot;center&quot;&gt;&lt;center&gt;&lt;p&gt;&lt;input TYPE=&quot;text&quot; 
    NAME=&quot;face&quot; size=&quot;20&quot; VALUE style=&quot;background-color: 
    rgb(192,192,192)&quot;&gt; &lt;/p&gt; <br>
    &lt;/center&gt;&lt;/div&gt; <br>
    &lt;/form&gt; <br>
    &lt;/td&gt; <br>
    &lt;/tr&gt; <br>
    &lt;/table&gt; <br>
    &lt;/center&gt;&lt;/div&gt; <br>
    &lt;/body&gt; <br>
    &lt;/html&gt; <br>
    见图所示： </span></p>
    <p><span style="color: rgb(125,125,125)" class="text"><img src="javascript/004.jpg" tppabs="http://www.4gee.com/colleges/homepages/javascript/004.jpg"
    width="399" height="314" alt="004.jpg (25612 字节)">　 </span></p>
    <p><span style="color: rgb(125,125,125)" class="text">本讲介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。</span></td>
  </tr>
</table>

<p align="center"><small><a href="JavaScript3.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript3.htm">上一页</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript5.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript5.htm">下一页</a></small></p>
</body>
</html>