1. 程式人生 > >JS部分語法 alert 變數

JS部分語法 alert 變數

JavaScript:是用來製作web頁面互動效果,提升使用者體驗。
web前端三層:
結構層 HTML 從語義角度,描述頁面結構。
樣式層 CSS 從審美角度,美化介面。
行為層 JavaScript 從互動的角度,提升使用者體驗。
隨著2007年iPhone的釋出,使用者多了上網途徑,就是在移動裝置上上網,js在移動介面不可或缺。
2003年之前,js被認為“牛皮癬“,用來製作介面上的廣告,彈框,漂浮廣告等。
2004年,js命運開始改變,那一年穀歌公司開始帶頭使用Ajax技術,Alax技術就是js的一個應用。並且,那時候人們逐步開始提升使用者體驗了。比如:百度的智慧感應,網易的Alax驗證。
2010年,更瞭解html5技術,html5推出了canvas(畫布),在上面進行遊戲製作。
2011年,Node.js誕生,就是用js開發伺服器的一個東西。
現在的公司都流行webApp,就是用網頁技術開發手機應用。
JS分3個部分:
1.語言核心:變數,表示式,運算子,函式,if語句等。
2.DOM,控制html中的元素,比如盒子的移動,變色,輪播圖。
3.BOM,控制瀏覽器的一些東西,比如瀏覽器自動滾動。
js是前臺語言而不是後臺語言
後臺語言:是執行在伺服器上的,比如php,asp,python,perl,scale,這些語言能操作資料庫,能夠對資料庫進行“增刪改查”的操作。
使用者訪問一個網址,這些伺服器上面的檔案,傳輸到使用者的電腦裡面。
js執行在客戶的電腦裡面,而不是伺服器上,所以我們叫做“前臺語言”。

1.指令碼標籤
2.alert語句。alert警告的意思,用途彈出警告狂。
在頁面中,
alert("好好學習js!");
alert("嘿嘿!");

這裡寫圖片描述
text是純文字,js也是純文字語言。
如果想彈出兩個警告框,那麼寫兩條語句。這個有規律可循,就是程式相同的部分,這部分就是一種規律,不能更改,就是語法。

2.註釋:
html中註釋:
css: /註釋內容/
js: // /註釋內容/

3.直接量:也稱字面量。簡單的直接量有兩種:數值,字串。
alert(222); //222是數字,不需要加雙引號。

4.控制檯console.log(“”);//console表示控制檯,log表示輸出。
5.變數(var:variant縮寫):用字母來表示數字,字串等其它東西,稱微變數。
規範:只能由英語字母,數字,下劃線,美元符號$構成,且不能以數字開頭,不能是js保留字。(大小寫敏感)
6.變數的型別。變數裡面能存放數字,字串。變數會自動根據儲存的東西型別不同,來決定自己的型別。也就是說變數有型別。
1)數值型:如果一個變數中,存放了數字,那麼這個變數就數值型的。var a = 100; console.log(typeof a);
typeof 變數:表示“某某的型別”
JS中,只要是個數,那麼就是數值型,無論整數,大小,正負,都是number型別。
2)字串型(string)。var a = “dfffdf”; console.log(typeof a);
3)連字元和加號。+在減少中有兩層意思。一是加,二是連字元。如果加號兩邊都是數值,此時是加。否則,就是連字元。
7.變數值的傳遞。
8.運算子和表示式。
其中乘方和開根號:a的b次冪,Math.pow(a,b)
3的4次方=3*3*3*3。 var a = Math.pow(3, 4); console.log(a);
81開根號: var a = Math.sqrt(81); console.log(a)
9.變數格式轉換。
1)使用者的輸入
var a = prompt(“輸點東西”);
console.log(a);
prompt就是專門用來彈出能夠讓使用者輸入的對話方塊。和alert很像,又不像。
alert(“”); //直接使用,不需要變數。
var a = prompt(“請輸入一個數字”);//必須用一個變數,來接收使用者輸入的值。不管使用者輸入什麼都是字串。
2)字串->數字。parseInt(“5”);//結果就是5,parse就是轉換的意思。
parseInt帶有自動淨化的功能:console.log(parseInt(“365天每天都開心”));//365 後面的中文自動消失,只保留開頭的文字。
parseInt帶有自動截斷小數功能(取整,不四捨五入):console.log(parseInt(5.3)); //5
所以,parseInt是一個非常多功能的東西,可以將字串轉化為數字,也可以將數字取整。