JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
-
是一种解释性脚本语言（代码不进行预编译）。
Javascript基本知识
<! doctype html> <html> <head> <title>document</title> <meta charset='utf-8' type='text/javascript'/> //申明javascript脚本 <script type='text/javascript' src='javascript_1.js'> //定义外连接脚本 </script> <script> function hello(user) //定义hello函数 { return '<h1>hello,'+user+'</h1>'; } </script> </head> <script> var user='world'; </script> <body> //<p id='box'>JavaScript脚本岂能随意放置!<p> <script> //document.write('nihao') //document.getElementById('box').style.fontSize = '50px';//获取id=‘box’标签 定义字体 //document.write(hello(user)); //调用函数hello(user) var str = 'javascript编程语言'; document.write("<h2>"+str+"</h2>"); document.write("<p>实际长度="+strlen(str)+'字节</p>'); </script> </body> </html>
javascript语法基础
1.语言编码
不要使用中文命名变量
2.大小写敏感
1.声明类型:习惯首字母大写
2.声明变量:习惯小写
3.代码格式化
1.' '制表符
2.'
'换行符
3.'s'空格符
4.代码注释
//
5.标签
1.由一个合法的字符名称加上一个冒号
2.标签可以放在随意行的起始位置
3.结构中使用 breakcontinue
判断,循环体
loop:for(var j=1;j<6;j++) { //if (j == 2) continue loop; //跳出循环体,重新开始 if (j == 2) break loop; //跳出循环体,停止运行 document.write('<br/>'+j); }
var a = []; for (var i=0,j=10;i<=10;i ++ ,j --) { a [i,j] = i + j; document.writeln('a['+i+','+j+']='+a[i,j]); }
var age = prompt('你好,请输入你的年纪'); switch(age) { case '1': alert('你上一年级'); break; case '2': alert('你上2年级'); break; case '3': alert('你上3年级'); break; default: alert('你几年级'); }
var i = 0; while(i<10) { i ++; document.write('<br/>'+i); }
var j = 10; do { j --; document.write('<br/>'+j); } while(j >2); for(var a = 1,b=2,c=1;a+b+c < 100;a ++ ,b += 2,c *=2) { document.write('a='+a,',b='+b,',c='+c +'<br/>'); }
基本类型
//{} 对象 var me = { name : '张三', say : function() {return 'hi,world';} } document.write('</h1>'+me.name + ':'+me.say()+'</h1>'); //[] 数组 var me = [ '张三', function() {return 'hi world';} ] document.write('<h1>'+me[0]+me[1]()+'</h1>');
异常处理语句:
异常处理语句: try 执行语句 { CreateExpection(); } catch(ex) 补货异常 { alert(ex.number+' '+ex.description); } finally 最后必须执行的语句 { alert('end'); }
数据类型: 数值 字符串 和布尔值
var a = 100; var c = a.toString(); var d = !!c; alert(typeof(c)); alert(typeof(d)); alert(typeof(e)); 0 //Number NaN //Number '' //String false //Boolean null //Object underfined //Underfined
函数：
//1.使用function 语句声明函数 //2.Function 对象来构造函数 function f(){}; //命名函数 var f = function(){};//匿名函数 var say = new Function('name','say',"document.write(name+':'+say);"); say('张三','你好'); */ //函数的应用: //1.匿名函数:当只需要一次性使用函数时,使用匿名函数会更有效率 //2.函数作为值 //3.函数作为参数 //4.函数作为表达式 /* var z = function(x,y) { return (x + y) /2 ;} alert(z(23,33)); */ //闭包函数:闭包函数被外部函数调用后,他的变量不会消失,任然被内部函数所使用,而且所有内部函数都拥有对外部函数的访问权限 /* function a() { var n = 0; function b(m) { n = n +m; return n; } return b; } var b = a(); document.write(b(3)+'<br/>'); //3 document.write(b(3)+'<br/>'); //6 document.write(b(3)+'<br/>'); //9
对象
var o = new Object(); var date = new Date(); //构造日期对象 var ptn = new RegExp('ab+c','i'); //构造正则表达式对象 var point = { f :function(){return this.y;}, y : -1.2 }; var y = point.f(); //alert(y); var cdb = { x : { a :1 , b: 2 }, y : -1.2 } //document.write(cdb.x.a); document.write(cdb['x']['b']);
数组 Array()
var a = [1,2,'3','4','3.4','abc']; a[2]=7; //[1,2,7,'4','3.4','abc']; a.length = 3; //[1,2,7]; a.push(5,6,7); //[1,2,7,5,6,7]; b = a.pop(); //[1,2,7,5,6]; c = a.unshift(33); //[33,1,2,7,5,6]; d = a.shift(); //[1,2,7,5,6]; //document.write(a); //document.write(b); //document.write(c); //document.write(d); //splice(a,b,c) a:指定插入的起始位置 b:指定要删除元素的个数 c:插入的具体元素 document.write('a1='+a); //a1 = 1,2,7,5,6 var e = a.splice(2,3,23,33,44); document.write('a2='+a); //1,2,23,33,44 document.write('<br/>'+e); //7,5,6 */ var a =[1,2,6,4,5]; a = a.join('-'); document.write('a类型 = '+typeof(a)+'<br/>'); //字符串 document.write('a的值 = '+a); //1-2-6-4-5 var s = a.split('-'); document.write('s类型 = '+typeof(s)+'<br/>'); //Object document.write('s的值 = '+s); //1,2,6,4,5 document.write('<br/>'+s.sort().reverse()); //6,5,4,2,1 var f = s.concat(55,66); document.write('<br/>'+'f的值 = '+f); //concat()添加数组 6,5,4,2,1,55,66 document.write('<br/>'+f.slice(2,4)); //4,2 </script> </body> </html>