JS (JavaScript)
阿新 • • 發佈:2020-11-03
JavaScript簡介
1、JS介紹
全稱:JavaScript,簡稱JS
JS是由NetScape(網景)提供的一門嵌入在瀏覽器中執行的指令碼語言(一段小程式)
主要作用:用於實現網頁中的動畫效果和實現表單驗證
JS可以執行在伺服器端(Node.js)
2、JS的特點
JS是一門直譯式的語言(JS不需要編譯,執行的就是原始碼)
JS是一門基於物件的語言(JS可以通過某些機制模擬面向物件)
JS是一門弱型別的語言(Java是強型別)
Java: String str = "Hello World";
int number = 100;
JS: var str = "Hellow World";
alert(str);
str = 100;
alert(str);
str = true;
alert(str);
str = [88,123,111];
alert(str);
3、JS的優勢
JS具有良好的互動性
JS具有一定的安全性(執行在瀏覽器內部)
JS具有跨平臺性
Java語言具有跨平臺性,是因為有JVM,JVM跨平臺嗎?
JVM不跨平臺
JS語言具有跨平臺性,是因為有瀏覽器,瀏覽器跨平臺嗎?
瀏覽器不跨平臺!
4、如何在HTML中引入JS?
4.1.方式一: 在head或者body內部可以新增一個script標籤
在script標籤內部可以直接書寫JS程式碼
<!-- 方式一: 在script標籤內部直接書寫JS程式碼
type:可以省略,指定語言型別是JS -->
<script type="text/javascript">
console.log("引入JS的方式一!!");
//alert("引入JS的方式一!!");
document.write("引入JS的方式一!!!<br/>");
</script>
4.2.方式二: 在head或者body內部可以新增一個script標籤
在script標籤上通過src屬性,可以引入外部的JS檔案
<!-- 方式二: 引入外部的JS檔案 -->
<script src="demo.js"></script>
需要注意的是,第二種方式script標籤內部不要寫JS程式碼,寫了也不會執行!
<script src="js/demo.js">
console.log("Hello JS...333");//不會執行!
</script>
4.3.方式三:將JS程式碼寫在標籤上
<!-- 方式三: 直接在標籤上書寫JS程式碼 -->
<button onclick="console.log('引入JS的方式三...')">
別點我!
</button>
<input ondblclick="console.log('引入JS的方式三===')"
type="button" value="也別點我!"/>
4.4.onclick、ondblclick事件
onclick是點選事件,在被綁定了該事件的元素上點選後,會立即觸發事件,執行所指向的函式
ondblclick是點選事件,區別是需要雙擊才可以觸發事件,執行所指向的函式