SpringBoot 在線協同辦公小程序開發 全棧式項目實戰

download :SpringBoot 在線協同辦公小程序開發 全棧式項目實戰

什麼是JavaScriptjavascript

JavaScript是一種基於對象和事件驅動的、並具備安全性能的腳本語言,已經被普遍用於Web應用開發,經常使用來爲網頁添加各式各樣的動態功能,爲用戶提供更流暢美觀的瀏覽效果。一般JavaScript腳本是經過嵌入在HTML中來實現自身的功能的。html

JavaScript特色java

是一種解釋性腳本語言(代碼不進行預編譯)。 編程

主要用來向HTML(標準通用標記語言下的一個應用)頁面添加交互行爲。 小程序

能夠直接嵌入HTML頁面,但寫成單獨的js文件有利於結構和行爲的分離。 數組

跨平臺特性,在絕大多數瀏覽器的支持下,能夠在多種平臺下運行(如Windows、Linux、Mac、Android、iOS等)。瀏覽器

JavaScript組成安全

JavaScript平常用途服務器

嵌入動態文本於HTML頁面。 cookie

對瀏覽器事件作出響應。 

讀寫HTML元素。 

在數據被提交到服務器以前驗證數據。 

檢測訪客的瀏覽器信息。 

控制cookies,包括建立和修改等。 

基於Node.js技術進行服務器端編程。

JavaScript的基本結構

<script type="text/javascript">
<!—
JavaScript 語句;
—>
</script >
示例:

……
<title>初學JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("初學JavaScript");
document.write("<h1>Hello,JavaScript</h1>");
</script>
</body>
</html>
<script>…</script>能夠包含在文檔中的任何地方,只要保證這些代碼在被使用前已讀取並加載到內存便可

JavaScript的執行原理

網頁中引用JavaScript的方式

1.使用<script>標籤

2.外部JS文件

<script src="export.js" type="text/javascript"></script>
3.直接在HTML標籤中

<input name="btn" type="button" value="彈出消息框"
onclick="javascript:alert('歡迎你');"/>
JavaScript核心語法:

  1. 變量
    ①先聲明變量再賦值

var   width;

width = 5;

var -  用於聲明變量的關鍵字

width - 變量名

②同時聲明和賦值變量

var catName= "皮皮";

var x, y, z = 10;

③不聲明直接賦值【通常不使用】

width=5;

變量能夠不經聲明而直接使用,但這種方法很容易出錯,也很難查找排錯,不推薦使用。

 

  1. 數據類型
    ①undefined:示例:var width;

變量width沒有初始值,將被賦予值undefined

②null:表示一個空值,與undefined值相等

③number:

var iNum=23;     //整數

var iNum=23.0;    //浮點數

④Boolean:true和false   可是JS會把他們解析成1;0

⑤String:一組被引號(單引號或雙引號)括起來的文本 var string1="This is a string";

 

  1. typeof運算符
    typeof檢測變量的返回值;typeof運算符返回值以下:

①undefined:變量被聲明後,但未被賦值.

②string:用單引號或雙引號來聲明的字符串。

③boolean:true或false。

④number:整數或浮點數。

⑤object:javascript中的對象、數組和null。

 

  1. String對象
    ①屬性:

字符串對象.length

var str="this is JavaScript";

var strLength=str.length;      //長度是18

②方法:

字符串對象.方法名();

split(str):若是語法寫成width.split(" ")【冒號中間有空格】此時:width height hello world會被拆分紅:width,height,hello,world;若是語法寫成width.split("")【冒號中間沒有空格】此時:width height hello world會被拆分紅:w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d

  1. 數組:
    ①建立數組:

②爲數組元素賦值:

方法一:var fruit= new Array("apple", "orange", " peach","banana");

方法二:

var fruit = new Array(4);

fruit [0] = " apple ";

fruit [1] = " orange ";

fruit [2] = " peach ";

fruit [3] = " banana ";

相關文章
相關標籤/搜索