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