JavaScript(入門)

JavaScript實用案例與常見問題(一):
https://blog.csdn.net/Veer_c/article/details/103894959
JavaScript實用案例及常見問題(二):
https://blog.csdn.net/Veer_c/article/details/103895166

什麼是 JavaScript?

JavaScript 被設計用來向 HTML 頁面添加交互行爲。
JavaScript 是一種腳本語言(腳本語言是一種輕量級的編程語言)。
JavaScript 由數行可執行計算機代碼組成。
JavaScript 通常被直接嵌入 HTML 頁面。
JavaScript 是一種解釋性語言(就是說,代碼執行不進行預編譯)。
所有的人無需購買許可證均可使用 JavaScript。

HTML/CSS/JS 在線工具:
HTML/CSS/JS 在線工具可以在線編輯 HTML、CSS、JS 代碼,並實時查看效果,你也可以將優質代碼保存分享:https://c.runoob.com/front-end/61

Java 和 JavaScript 是相同的嗎?不同!
在概念和設計方面,Java 和 JavaScript 是兩種完全不同的語言。
Java(由太陽微系統公司開發)很強大,同時也是更復雜的編程語言,就像同級別的 C 和 C++。

JavaScript 能做什麼?
1.JavaScript 爲 HTML 設計師提供了一種編程工具
HTML 創作者往往都不是程序員,但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語言!幾乎每個人都有能力將短小的代碼片斷放入他們的 HTML 頁面當中。
2.JavaScript 可以將動態的文本放入 HTML 頁面
類似於這樣的一段 JavaScript 聲明可以將一段可變的文本放入 HTML 頁面:document.write : (“<“h1”>” + name + “<"/h1">”)
3.JavaScript 可以對事件作出響應
4.JavaScript 可以讀寫 HTML 元素
5.JavaScript 可被用來驗證數據(在數據被提交到服務器之前)
6.JavaScript 可被用來檢測訪問者的瀏覽器
7.JavaScript 可被用來創建 cookies:
JavaScript 可被用來存儲和取回位於訪問者的計算機中的信息。

JavaScript中的一些簡單介紹

<!--
1.html中的註釋:
css中的註釋:/*註釋內容*/
js中的註釋:
         // 單行註釋
         /**/多行註釋
2.js中的常用的兩個函數
2.1:alert("彈出框的內容")
2.2:document.write("想網頁中寫的內容")
3.js的使用方式:
3.1:內部使用 
<script type="text/javascript">
js代碼
</script>
缺點:和html代碼混雜在一起,管理起來不是很方便
3.2外部使用(推薦)
<script src="1.js"></script>
優點:可以將html代碼和js代碼分離,管理起來更加方便
注意:不能使用自閉和的script標籤導入js文件
<script src="1.js"/>
-->
<title>無標題文檔</title>
<!-- js的內部使用
<script type="text/javascript">
    //js中的彈出框
    //alert("hello");
    //給網頁中寫內容
    document.write("hello");
</script>
-->
<!--
js的外部使用
-->
<script src="1.js"></script>
</head>

js中的數據類型

<title>無標題文檔</title>
<script type="text/javascript">
    /*
    1.js中變量的定義,js是一個弱類型的語言,任何變量定時的時候都使用關鍵字var
    var a = 100;
    var b = 12.24;
    var c = 'f';
    var d = "abc";
    var e = true;
    var f = new Object();
    定義變量的時候需要注意:
    1.變量定義全部使用關鍵字var,這個關鍵字可以省略(一般不建議)
    2.js中的變量可以重複定義,只不過後面的變量會覆蓋前面的變量
    3.未賦值的變量不能使用undefined,在js中一個變量在賦值之前他的類型是不明確的,只有在賦值之後
    這個類型才被明確 
    js中類型的分類:
    number:整數,小數
    String :字符串,字符在js中都叫String類型
    boolean:true,false
    object:對象類型
    如何查看變量的類型:
    typeOf(變量)    */
    //定義變量
    var a = 100;
    var b = 12.24;
    var c = 'f';
    var d = "abc";
    var e = true;
    var f = new Object();
    //js中的變量可以重複定義,只不過後面的變量會覆蓋前面的變量
    j = 200;
    j = 300;
    //定義了一個變量h,並沒有給h初始化,undefined 
    var h;
    //查看每一個變量的類型
    document.write("a:"+typeof(a)+"<br>");
    document.write("b:"+typeof(b)+"<br>");
    document.write("c:"+typeof(c)+"<br>");
    document.write("d:"+typeof(d)+"<br>");
    document.write("e:"+typeof(e)+"<br>");
    document.write("f:"+typeof(f)+"<br>");
    document.write(j);
    document.write(h);
</script>

注意 :在js中我們也可以定義類似Java中的數據類型,但是定義的時候都使用var關鍵字,而且js中我們的數據類型都是number類型,在定義的時候,變量可以重複定義,但是使用的時候是按照後面的數據來選擇的

類型轉換函數:

<script type="text/javascript">
/*
1.3 類型轉換函數
 string->number(整數) :  parserInt(變量)
 string->number(小數):  parserFloat(變量)
*/
    var a = "100";
    var b = "12.34";
    document.write("a轉換之前的類型"+typeof(a)+"<br>");
    document.write("a轉換之後的類型"+typeof(parseInt(a))+"<br>");
    document.write("b轉換之前的類型"+typeof(b)+"<br>");
    document.write("b轉換之後的類型"+typeof(parseFloat(b))+"<br>");
</script>

注意:類型轉化函數:parseInt()可以將String轉換成整數,parseFloat()可以將String轉換成小數。

js中的運算符:

<script type="text/javascript">
/*
1.4 運算符
        1)算術運算符: + - * /  %
        2)比較運算符: > <  >=  <= ==
        3)邏輯運算符: &&  ||   !
        4)三目運算符:  表達式 ? true的結果 : false的結果   */
    //1)算術運算符: + - * /  %
    var a = 10;
    var b = 3;
    var c = 7;
    document.write(a+b+"<br>");
    document.write(a-b+"<br>");
    document.write(a*b+"<br>");
    document.write(a/b+"<br>");
    document.write("<hr>");
    //2)比較運算符: > <  >=  <= ==
    document.write(a>b);//true
    document.write(a<b);//false
    document.write(a==b);//fasle
    document.write(a>=b);//true
    document.write(a<=b);//fasle
    document.write("<hr>");
    //3)邏輯運算符: &&  ||   !
    document.write((a>b)&&(a>c));//true&&true=true
    document.write("<br>");
    document.write((a<b)&&(a<c));//false&&fasle=fasle
    document.write("<br>");
    document.write((a>b)&&(a<c));//true&&false=fasle
    document.write("<br>");
    document.write((a<b)&&(a>c));//fasle&&true=fasle
    document.write("<br>");
    document.write("<hr>");
    //4)三目運算符:  表達式 ? true的結果 : false的結果
    var age = 17;
    age>=18?alert("您是個成年人"):alert("未成年人");
</script>

注意:js的一些的運算符和Java中是一樣的,三目運算符也是一樣的用法。

路阻且長之Java學習:

API中的重要類(一):
https://blog.csdn.net/Veer_c/article/details/103803248
API中的重要類(二):
https://blog.csdn.net/Veer_c/article/details/103807515
API中的重要類(三):
https://blog.csdn.net/Veer_c/article/details/103808054

Java中的IO流(一):
https://blog.csdn.net/Veer_c/article/details/103833045
Java中的IO流(二):
https://blog.csdn.net/Veer_c/article/details/103833423
Java中的IO流(三):
https://blog.csdn.net/Veer_c/article/details/103833811

Java多線程(一):
https://blog.csdn.net/Veer_c/article/details/103842078
Java多線程(二):
https://blog.csdn.net/Veer_c/article/details/103842263
Java多線程(三):
https://blog.csdn.net/Veer_c/article/details/103842317
Java多線程(四):
https://blog.csdn.net/Veer_c/article/details/103842602

網絡編程上(UDP):
https://blog.csdn.net/Veer_c/article/details/103843591
網絡編程下(TCP):
https://blog.csdn.net/Veer_c/article/details/103843825

MySQL數據庫(一):
https://blog.csdn.net/Veer_c/article/details/103844059
MySQL數據庫(二):
https://blog.csdn.net/Veer_c/article/details/103844537
MySQL數據庫(三):
https://blog.csdn.net/Veer_c/article/details/103844739

JDBC技術(一):
https://blog.csdn.net/Veer_c/article/details/103845176
JDBC技術(二):
https://blog.csdn.net/Veer_c/article/details/103879890
JDBC技術(三):
https://blog.csdn.net/Veer_c/article/details/103880021
JDBC技術(四):
https://blog.csdn.net/Veer_c/article/details/103882264

HTML的基礎框架(一):
https://blog.csdn.net/Veer_c/article/details/103882385
HTML的基礎框架(二):
https://blog.csdn.net/Veer_c/article/details/103882684

CSS入門(一)
https://blog.csdn.net/Veer_c/article/details/103882856

CSS入門(二):
https://blog.csdn.net/Veer_c/article/details/103883102

JavaScript實用案例與常見問題(一):
https://blog.csdn.net/Veer_c/article/details/103894959
JavaScript實用案例及常見問題(二):
https://blog.csdn.net/Veer_c/article/details/103895166

IO流的小細節(很小很細很重要):
https://blog.csdn.net/Veer_c/article/details/103835613

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章