1，javascript的特點以及和java的區別 javascript是基於對象和事件驅動的語言，應用與客戶端。 javascript是基於對象和事件驅動的語言，應用與客戶端。 js的特點 js的特點 交互性：信息的動態交互 交互性：信息的動態交互 安全性：不能訪問本地磁碟文件 安全性：不能訪問本 ...
1，javascript的特點以及和java的區別 javascript是基於對象和事件驅動的語言，應用與客戶端。 js的特點 交互性：信息的動態交互 安全性：不能訪問本地磁碟文件 跨平臺性：java裡面跨平臺性，虛擬機；javascript只有能夠支持js的瀏覽器，都可以運行 和java的區別： （1）java是sun公司，現在oracle；js是網景公司 （2）JavaScript 是基於對象的，java是面向對象 （3）java是強類型的語言，js是弱類型的語言 - 比如java裡面 int i = "10"; - js: var i = 10; var m = "10"; （4）JavaScript只需解析就可以執行，而java需要先編譯成位元組碼文件，再執行。 （5）java和JavaScript都區分大小寫 2，使用js的案例 1，標簽中使用：
<script type="text/javascript"> js代碼 </script>
2，外部引用js文件，創建js文件，寫js代碼
<script type="text/javascript" src="1.js"></script>
3，變數和數據類型案例：
<script> var str="abc"; alert(str); var str1="123" var mm = 123; alert(mm) alert(typeof(mm))//查看當前變數的數據類型 var str2 = null//表示對象為空 document.writeln(str) document.writeln(typeof(str)) var str3 //定義不賦值 document.writeln(str2)//undefined var flag = true; alert(flag); var obj = new Object();//Object類 document.writeln(obj) </script>
4，語句案例
<script>
var a = 1;
if (a==1){
alert(1);
}else{
alert(2)
}
var b = 2;
switch(b){
case 2:
alert(2);
break;
case 3:
alert(3);
break;
default:
alert("other")
break;
}
var i= 5;
while(i>1){
alert(i)
i--;
}
for(var j = 1; j <=3; j++){
alert(j);
}
</script>
5，運算符案例
<script type="text/javascript">
var i = 123;
document.write(i/1000*1000);
//js裡面不區分整數和小數 123/1000 = 0.123;
var str ="456";
var str1 = "abc";
// alert(str+1)//4561 相加 字元串的連接
// alert(str-1)//455 真正的減法運算
document.write(str1-1)//提示NaN 表示不是數字
var flag = true; //true=1
// alert(flag+1);//2
var flag1 = false; //false=0
document.write(flag1+1)//1
//==只判斷值，和類型無關；===判斷值和類型
var aa = 5;
var a1 = "5"
if(a1===5){
document.write(5);
}else{
document.write("other")
}
var result = -1 > 0? true : false;
document.writeln("result:" +result)
</script>
6，99乘法表案例
<head>
<meta charset="UTF-8">
<title>乘法表</title>
<style type="text/css">
table{
matgin: auto;
border-collapse: collapse;
}
td {
padding: 5px;
}
</style>
</head>
<body>
<script type="text/javascript">
document.write("<table border='1' cellspacing='0'>")
document.write("<caption>9*9乘法表</caption>");
for(var i = 1; i <= 9; i++){
document.write("<tr>");
for(var j = 1; j <= i; j++){
document.write("<td>");
document.write(j + "*" + i + "="+ j*i);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
7，定義數組案例
<script type="text/javascript">
var arr = [1,2,"3"];
// document.write(arr);
document.write("length:" + arr.length);
var arr1 = new Array(5);
arr1[0] = "a";
arr1[1] = "b";
arr1[2] = "c";
var arr2 = new Array(3,4,5);
document.write(arr2);
</script>
數組方法案例 1. concat() 連接兩個或更多的數組，並返回結果 2. reverse() 將數組進行反轉 3. join(separator) 與split()功能相反，將數組通過分隔符，拼成一個字元串。 4. sort()
<script>
var arr1 = [1,8,3];
var arr2 = [4,5];
var arr3 = arr1.concat(arr2);
document.writeln(arr3);
arr3 = arr1.reverse();
document.writeln(arr3);
document.writeln("<br>")
arr3 = arr1.join("#");
document.writeln(arr3);
document.writeln("<br>")
/*
調用sort方法
1. 數字是按首位排序的
2. 如果是字母,就按字母順序
如果想要升降序 :function (a,b) a -b 升序
*/
arr1.sort();
document.writeln(arr1);
document.writeln("<br>")
arr4 = ['jack','Rose','Tom','Jerry','Kate'];
arr4.sort();
document.writeln(arr4);
document.writeln("<br>")
var method = function (a,b) {
return b - a;
};
arr1.sort(function (a,b) {
return b - a;
});
document.writeln(arr1);
document.writeln("<br>")
</script>
8，函數案例
<script type="text/javascript">
/*
*第一種方法：使用函數關鍵字
* 函數的參數列表裡面，不需要寫var 直接寫參數名稱
* function 方法名（參數列表）{
* 方法體，
* 返回值可有可無}
* */
function test(){
alert("a");
}
//調用方法
// test();
function add1(a,b){
var sum = a + b;
alert(a+b);
}
// add1(2,3);
function add2(a,b,c){
var sum1 = a + b + c;
return sum1;
}
alert(add2(2,3,4));
//第二種方式 匿名函數
var add3 = function(m,n){
document.write(m+n);
}
add3(5,6);
//第三種方式：動態函數 ，使用到js裡面的內置對象Function
// var add4 = new Function("x,y","var sum; sum=x+y;return sum;");
var canshu = "x,y";
var fagnfati = "var sum;sum=x+y;return sum;"
var add4 = new Function(canshu,fagnfati);
alert(add4(1,9));
</script>
9，輪播圖案例
<body>
<img src="../img/0.jpg" width="800px" id="myPic">
<script >
var i = 0;
var method = function () {
var img = document.getElementById("myPic");
img.src = "../img/"+i+".jpg";
i++;
if(i == 5){
i = 0;
}
}
window.setInterval(method,1000)
</script>
</body>
10，內置對象案例
<script type="text/javascript"> document.write("現在時間是：" + new Date() + "<hr/>"); document.write("現在時間是：" + new Date().toLocaleString() + "<hr/>"); var a = "123abc123"; var i = parseInt(a); document.write(i + "<br/>"); var b = "3.14abc123"; i = parseInt(b); document.write(i + "<br/>"); var age = "1012"; document.write(isNaN(age) + "<br/>");//不是一個數字字元，返回true var str = "hello world 你好 世界"; document.write(str + "<hr/>"); str = encodeURI(str); document.write(str + "<hr/>"); //對編碼後的URL進行解碼 str = decodeURI(str); document.write(str + "<hr/>"); </script>
