大家好,又見面了,我是全棧君。
1.基本概念
Javascript是一門腳本語言,它是一門解釋性的語言。網頁和使用者之間實時、動态的進行互動。
2.特點
簡單性:沒有嚴格的資料類型。語句簡單而緊湊。
安全性:僅僅能通過浏覽器實作浏覽和動态互動。
動态性:直接對使用者或者客戶做出響應,採用事件驅動。
3.架構
在html頁面中須要加上下面的架構代碼。
<scriptlanguage="javascript" type="text/javascript">
//語句
</script>
複制
4.函數
1.函數由keywordfunction來定義。
2.定義後能夠在作用域内随時調用,調用方法:函數名();
3.函數名區分大寫和小寫
4.有系統函數,比如彈出對話框函數alert
5.用return傳回值
舉例:推斷文本框是否為空的函數
<script language="javascript" type="text/javascript"> function isnull(){ var strtxt=document.form1.textfield.value; if(strtxt=="" || strtxt==null) { alert("請輸入姓名"); document.form1.textfield.focus();//文本框獲得焦點 } } </script>
5.事件處理機制
事件觸發函數→函數執行→傳回傳回值。
舉例:當文本框發生失去焦點事件時,觸發推斷文本框是否為空的函數,假設為空提示“請輸入姓名”。
</head> <script language="javascript" type="text/javascript"> function isnull(){ var strtxt=document.form1.textfield.value; if(strtxt=="" || strtxt==null) { alert("請輸入姓名"); document.form1.textfield.focus(); } } </script> <body> <form id="form1" name="form1" method="post" action=""> <input type="text" name="textfield" onblur="isnull()" /> </form> </body>
6.document.表單名.表單控件名.+屬性/函數
document是js中的對象,上面的格式用于獲得控件的相應的屬性值,或者對控件進行操作。
比如:
document.form1.textfield.value;//得到文本框中的值 document.form1.textfield.focus(); //文本框得到焦點
7.總結
這一塊的學習還是比較輕松的,可能還沒有接觸到複雜的地方。在以後的深入的學習中要多多總結。與之前的學學習找共同點。
釋出者:全棧程式員棧長,轉載請注明出處:https://javaforall.cn/115538.html原文連結:https://javaforall.cn