国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

Java Script的應用技巧

2019-11-18 14:16:48
字體：大 中 小
來源：轉載
供稿：網友

　　在主頁的編寫中，java的運用已經是非常熱門和常見的了。其中，Java Script因其編寫輕易、與頁面結合密切而受到了大家的青睞，因而在WWW上運用的最為廣泛。在這里我將給大家介紹一些Java Script最基本的運用，初學者可以將這些程序稍加修改運用到自己的主頁中去。

插入顯示當前日期
顯示當前時間
顯示文件的最后修改時間
在狀態條顯示信息
打開另一頁面
彈出消息框和輸入框
返回和前進
顯示對方瀏覽器的型號
檢驗用戶提取的表單
另外：我將Java Script的對象及這些對象的屬性、方法、事件做了一個列表供大家參考。



--------------------------------------------------------------------------------


插入顯示當前日期
這是一個非常簡單和常見的程序，為了初學者我還是講一講。請看下面的例子：
今天是2002年5月2日;星期四
上面這段文字就是使用Java Script顯示的。我們來看源程序：
<SCRIPT LANGUAGE="Javascript">
<!--
var today=new Date;
var week=new Array(7);
week[0]="天";
week[1]="一";
week[2]="二";
week[3]="三";
week[4]="四";
week[5]="五";
week[6]="六";
document.write("今天是"+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日;星期"+week[today.getDay()]);
//-->
</SCRIPT>
這里要注重的是月份的表示,getMonth()得到的是0-11;0表示一月,1表示二月依此類推，所以我們要顯示月份要先加1。另外，Java對兩千年問題也已作了考慮，當小于2000年時Java顯示兩位數字如1998年顯示98，當大于2000年時，顯示四位數字。避免了出現兩千年問題。


--------------------------------------------------------------------------------


顯示當前時間
顯示當前時間和顯示當前日期相似，然而時間是不停在流逝的(除非你以光速運動，或者你是位漂亮的小姐)，因此顯示時間也要是動態變化的。我們用一個定時器來動態改變時間的顯示，然而我們無法用write()來刷新文檔，因為當我們再次調用write()時，將會把原來的文檔內容沖掉，所以顯示時間要借用text文本框。例子：




源程序如下:
<FORM name="timeform"><INPUT type="text" size="8" name="time"></FORM>
<SCRIPT language="JavaScript">
<!--
function showtime()
{var time=new Date();
var hour=time.getHours();
var minute=time.getMinutes();
if(minute<10)minute="0"+minute;
var second=time.getSeconds();
if(second<10)second="0"+second;
document.timeform.time.value=hour+":"+minute+":"+second;
setTimeout("showtime()","1000");
}
showtime();
// -->
</SCRIPT>
這里我想說一說定時器函數，其實定時器這個叫法并不恰當，應該叫延時器函數，這個函數的作用是延時調用另一個指定的函數，此函數只執行一次指定函數，而不是象我們所想的那樣不停地調用指定函數，要想真正地成為定時器必須在被調用函數執行時再次設定延時器函數。


--------------------------------------------------------------------------------


顯示文件的最后修改時間
有的朋友為了顯示自己的水平，常使用這個程序，因此我也顯示一下我的水平吧;請看下例:
文件的最后修改日期01/26/2002 00:31:46
源程序：
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
document.write("文件的最后修改日期"+document.lastModified);
//-->
</SCRIPT>
這么簡單的程序看來不用我介紹了。


--------------------------------------------------------------------------------


在狀態條顯示信息
當我們用鼠標指向一個鏈接時，我們可以在瀏覽器的狀態條看到要鏈接的文檔，Java Script提供了改變此信息的手段。請點擊下面的按鈕，你將看到狀態條中出現“嗨！你好！”



請看源程序：
<FORM><INPUT type="button" value="改變狀態條" ONCLICK="self.status=´嗨！你好！´;"></FORM> 通過改變status的值你就可以改變狀態條信息。另外要注重的是，有些朋友喜歡使用狀態條來顯示滾動信息，其實這不是一個好的主意，因為用狀態條來顯示滾動信息，往往會阻礙瀏覽器正常信息的顯示，當用戶鼠標指向一個鏈接時，瀏覽器會和Java Script發生沖突，干擾信息的顯示。


--------------------------------------------------------------------------------


打開另一頁面
使用Java Script我們可以打開一個新的瀏覽器窗口，并且可以控制瀏覽器窗口的外觀，使用open()可以很輕易做到這一點。



源程序如下：
<FORM><INPUT type="button" value="打開一個新的窗口" ONCLICK="openwin()")></FORM>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function openwin()
{
open("newindow.Html","newindow","scrollbars=no,resizable=no,location=no,height=100,width=170,toolbar=no");
}
//-->
</SCRIPT>
使用新的窗口值得注重的是不要打開太多的窗口,因為沒有人會喜歡出現一大堆的瀏覽器窗口。open函數第一個參數為URL地址，第二個參數為窗口名，第三個參數為窗口狀態外觀。


--------------------------------------------------------------------------------


彈出消息框和輸入框
消息框和輸入框的運用更是普遍；





源程序：
<FORM>
<INPUT type="button" value="彈出alert消息框" onclick="alert(´這是alert消息框´)"><BR>
<INPUT type="button" value="彈出confirm消息框" onclick="confirm(´這是confirm消息框´)"><BR>
<INPUT type="button" value="彈出</FORM>
有的朋友可能會想到在自己的主頁中放置一個消息框程序,當用戶每次一訪問此主頁就自動彈出一個消息框顯示一條消息，其實這也不是一個好的主意，除非你有十萬火急的事情要通知訪問者,否則請不要這樣做。在設計主頁時要以他人為中心，就是說要由訪問者自己決定該做什么事情，而不是強加給他人，否則會讓人感到厭煩或者認為你自作多情。


--------------------------------------------------------------------------------


返回和前進
用戶不但可以使用瀏覽器中的工具條控制頁面的前進后退，而且可以使用Java Script在頁面中提供相同的功能，使用history對象中的back()和forward()就可做到這一點：



程序如下：
<FORM>
<INPUT type="button" value=" 后退 " onclick="history.back()">
<INPUT type="button" value=" 前進 " onclick="history.forward()">
</FORM>
另外還可以用history.go(int)函數實現這些功能。


--------------------------------------------------------------------------------


顯示對方瀏覽器的型號
有的時候你會在一些主頁上看到這樣的信息：
你所用的瀏覽器是Microsoft Internet EXPlorer4.0 (compatible; MSIE 6.0; Windows 98)
你也許會感到很驚奇，對方怎么知道你所用瀏覽器的型號？其實這是非常簡單的小把戲，你只要輸入如下代碼就可以實現了：
<SCRIPT language="JavaScript">
<!--
document.write("你所用的瀏覽器是"+navigator.appName+navigator.appVersion);
//-->
</SCRIPT>


--------------------------------------------------------------------------------


檢驗用戶提交的表單
有的時候，你的主頁要使用CGI程序和用戶進行交互，一個最簡單的例子就是留言冊。用戶通過提交表單的方式調用主機上的CGI程序，此程序在服務器上運行完成一定的工作--例如記下用戶的留言，然后返回一個信息給用戶。在這個過程中，我們不能保證用戶提交的都是有效的表單，也可能提交的是一份沒有任何內容的表單；因此在CGI程序中肯定會有對表單進行檢驗的部分。假如象這樣的無效表單占了大部分的話，不但給服務器造成沉重的負擔，而且對網絡的傳輸也是大大不利(現在國內上網就象蝸牛爬一樣)。因此我們要想辦法避免這種狀況，最好是發送的全是有效的表單。此時JavaScript就派上用場了，我們可以使用JavaScript對用戶提交的表單進行檢驗，對于無效的表單就阻止其發送，而只讓有效的表單通過。我們看下面一個例子：





源程序如下:
<FORM name="test" action="/cgi-bin/test.pl" method="post" onsubmit="return(check());">
<TEXTAREA name="text" rows="4" cols="15"></TEXTAREA>
<BR><INPUT type="submit" value="提交"><INPUT type="reset" value="復原">
</FORM>
<SCRIPT language="JavaScript">
<!--
function check()
{
var length=document.test.text.value.length;
if(length==0){alert("請輸入文字!");document.test.text.focus();return false;}
else return true;
}
// -->
</SCRIPT>
此程序中檢驗文本框中字符串的長度，只有長度非零即有文字輸入，才答應提交表單，否則提示你輸入文字，并將輸入焦點切換倒文本框。在onsubmit事件中返回true表示答應發送，false表示不答應發送。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 外汇| 黄冈市| 搜索| 托克逊县| 景德镇市| 渝中区| 得荣县| 东乌珠穆沁旗| 宜君县| 莒南县| 青州市| 驻马店市| 乌鲁木齐县| 普兰店市| 阜南县| 黄骅市| 贺州市| 湛江市| 扬州市| 大埔县| 邯郸市| 封丘县| 山丹县| 博野县| 全椒县| 全州县| 泽库县| 静乐县| 鹤岗市| 通州区| 麻栗坡县| 鄂温| 齐河县| 五寨县| 余庆县| 临朐县| 安达市| 会东县| 平原县| 兴和县| 克山县|