什麼是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核心語法:
var width;
width = 5;
var - 用於聲明變量的關鍵字
width - 變量名
②同時聲明和賦值變量
var catName= "皮皮";
var x, y, z = 10;
③不聲明直接賦值【通常不使用】
width=5;
變量能夠不經聲明而直接使用,但這種方法很容易出錯,也很難查找排錯,不推薦使用。
變量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";
①undefined:變量被聲明後,但未被賦值.
②string:用單引號或雙引號來聲明的字符串。
③boolean:true或false。
④number:整數或浮點數。
⑤object:javascript中的對象、數組和null。
字符串對象.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
②爲數組元素賦值:
方法一: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 ";