標籤:javascript web應用開發
JavaScript是一種屬於網路的指令碼語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態動能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。
是一種解釋性指令碼語言(代碼不進行先行編譯)。
主要用來向HTML(標準通用標記語言 (SGML)下的一個應用)頁面添加互動行為。
可以直接嵌入HTML頁面,但寫成單獨的js檔案有利於結構和行為的分離。
跨平台特性,在絕大多數瀏覽器的支援下,可以在多種平台下運行(如Windows、Linux、Mac、Android、iOS等)。
看完牛腩老師對JavaScript基礎的講解,對JavaScript有了一些感受,在雲平台的類似註冊的頁面用的最廣泛,牛腩老師講的例子總是先有大的思路,再將條件由大化小,然後再一點一點的調試,大道至簡的思想!接下來從最基礎的部分開始JavaScript的學習。
一、JavaScript基礎
·JavaScript架構
<strong><span style="font-size:18px;"><script language="javascript" type="text/javascript">//JavaScript代碼</script></span></strong>
·彈出對話方塊
<span style="font-size:18px;"><strong>Alert("大家好!");</strong></span>
·彈出輸入框
<strong><span style="font-size:18px;">Prompt("請輸入密碼:","預設值");</span></strong>
·JavaScript
中自訂函數的定義:
<strong><span style="font-size:18px;">function 函數名(){//函數體}</span></strong>
·邏輯運算子:
&&並且 || 或者 !取反
<strong><span style="font-size:18px;"><strong><span style="font-size:18px;">if(結果為布爾類型的運算式){//運算式為真執行的語句Else{//運算式為假執行的語句}}</span></strong></span></strong>
·迴圈
<span style="font-size:18px;"><strong>while(迴圈條件){//需要迴圈的JavaScript語句改變迴圈初始值}</strong></span>
<strong><span style="font-size:18px;">for(迴圈初始值;迴圈添加;改變迴圈初始值){//需要迴圈的JavaScript語句}</span></strong>
執行個體:
<span style="font-size:18px;"><strong><!doctype html><html><head><meta charset="utf-8"><title>判斷閏年</title></head><body><form id="form1" name="form1" method="post"><label></label>請輸入年份: <input type="text" name="textfield" id="nian"> <input type="button" name="button" id="button" value="是否閏年?" onClick="javascript:aaa()"/></form></body></html><script language="javascript" type="text/javascript">function aaa(){var x=document.form1.nian.value;//if(((能被4整除)&&(不能被100整除) )|| ((能被100整除)&&(能被400整除))){if(((x%4 ==0)&&(x%100 !=0) )|| ((x%100==0)&&(x%400==0))){alert(x + "年是閏年!");}else{alert(x + "年不是閏年!");}}</script></strong></span>
二、將JavaScript嵌入網頁
可以將JavaScript語句插入HTML文檔,方式如下:
使用<script>標籤將語句嵌入文檔
將JavaScript源檔案連結到HTML文檔中
將指令碼代碼作為HTML標籤的屬性值
小結:
JavaScript的核心思想是通過網頁的用戶端指令碼技術,來增加使用者與瀏覽器的互動,增加使用者在使用網頁應用的時候的體驗。有了javascript,網頁就可以實現很多互動的操作。如:輸入一個文本後,會提示你輸入的郵箱地址是否正確,而模糊查詢也用到了JavaScript的Regex。下一篇將總結JavaScript的Regex!
JavaScript入門