1.javascript 的组成(下面JS) 三部分组成: (1)ECMAScript -ECMA : 欧洲计算机协会 -由ECMA来制定的一些js的语法,语句...等规则。 (2)BOM -broswer object medel :浏览器对象模型 (3)DOM -document object medel : 文档对象模型
2.js和html的结合方式(两种) 第一种: 使用一个标签 <script type="text/javascript"> js代码; <script> 第二种: 使用script标签, 引入模式 <script type="text/javascript" src="js文件地址"> **使用第二种方式的时候,就不要在script标签里写js代码了,不会执行。 <script> 3.js的原始类型和声明变量
**Java的基本数据类型 byte short int long float double char boolean **js的原始类型(5个) -string:字符串 var str ="123"; -number:数字类型 var num =123; -boolean:ture和false var flag =ture; -null: var date =new Date(); **表示对象的引用,null表示对象引用为空,所有对象的引用也是abject;//一般用不上,因为没必要。 -undifined: **定义一个变量。没有赋值。 var ufd; **typeof(变量名); 查看当前变量的数据类型 4.js的语句 Java里面的语句: ** if判断 ** switch语句 ** 循环语句 for while do-while Js里面的语句: ** if判断 ** = 表示赋值; ** == 表示判断 ** switch语句 -java里面支持数据类型 string支持吗?在jdk1.7开始支持 -js里面都支持 ** 循环语句 for while do-while while 循环 var i=6; while(i>1){ alert(i); i--; } **for 循环 注意:Java中定义变量时使用的是int,而js使用的是var.这一点一定要注意。 for(var fr=0;fr<8;fr++){ alert(fr) } **i++ 和 ++i js与Java是一样的。 5.js运算符 **与Java相同的就不写了,写一些与Java不同的。 var j =123; alert(j/1000*1000); //在java里面得到的结果是 0 ;因为在Java里,定义一个变量一般是用int,而123/1000,小于1,所以123/1000之后,Java中运算出来的结果是0*1000,所以是0; // 在js里面不区分整数和小数, 所以得到的结果还是123; **字符串的相加和相减的操作 var str = "123"; //在Java里面操作的结果是1231,在js里面还是1231。 alert(str+1); alert(str-1); //相减时候,js执行减法的运算。 **如果相加,做的是字符串连接操作; *8如果是相减,做的是相减运算。如果不是数字做的减法运算,则提示NaN:表示不是一个数字 **boolean类型的 var flag =true; ture等于1;设置成false,相当于这个值是0; alert(true+1); ** == 和 === 的区别 // == 比较的只是值 ===比较的是值和类型。 var aa ="5"; if(aa=5){ alert("5"); }ales{ alert("other"); } **************引入知识***************** 直接向页面输出的语句(可以把内容直接显示在页面上) 可以输出变量,固定值,包括HTML代码。 document.write("需要输出的内容"); document.write("<br/>"); document.write("XZP SZJ"); document.write("hr/"); *************************************
6.实现99乘法表(输出到页面上) //循环行 9行 <script type="text/javascript"> document.write("<table boder='1' bordercolor='blue'>"); //循环行 9 for(var i=1;i<=9;i++){ document.write("<tr boder='1' bordercolor='blue'>"); //循环列 9 for(var j=1;j<=i;j++){ document.write("<td boder='1' bordercolor='blue'>"); document.write(j+"*"+i+"="+i*j); document.write("</td>"); } document.write("</tr>"); } document.write()("</table>"); </script> ---document.write里面是双引号,如果设置标签的属性需要使用单引号 ---document.write可以输出变量,还可以输出HTML代码 7.js数组 *什么是数组? S使用变,var m = 10; java里面的数组 定义 int[] arr = {1,2,3}; *定义方式(三种) 1) var arr = [1,2,3]; var arr =[1,"4",true]; 2) 使用内置对象Array对象 var arr1 =new Array(5); //表示定义一个数组,数组的长度是5 var arr1[0] ="1"; 3) 使用内置对象 Array var arr2 = new Array{1,2,3,4}; //定义一个数组,数组里面的元素是1,2,3,4 **数组里面有一个属性 length: 获取到数组的长度 **数组可以存放不同的数组类型的数据 8.js的函数 **在Java里面定义方法 public 返回类型viod /int 方法体(参数列表){ 方法体; 方法值; } public int add(int a,int b){ int sum =a+b; return sum; } **在js里面定义函数(方法)有三种方式 第一种方式: **** 使用到一个关键字 function **** function 方法名(参数列表){ 方法体; 返回值;(可有可无,根据实据需要) } ----------------------------------- function test(){ alert("军军是个小傻子呀,是我最爱的小傻子。"); } test(); //调用方法 ----------------------------------- //定义一个有参数的方法 实现两个数的相加 function add1(a,b){ //注:方法名后括号内的变量名,不能写成var a,var b var sum=a+b; alert(sum); } 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){ alert(m+n); } //调用方法 add3(5,6); ----------------------------------- 第三种方法:(用的少,了解一下)----------------------------这种写法代码量多一点,效果是一样的,看的懂,学会第一第二种方法就可以了。 *** 动态函数 *** 使用到JS里面的一个内置对象 Function 注意:F大写 var add4 = new Function("参数列表","方法体和返回值"); var add4 =new Function("x,y","var sum;sum=x+y;return sum;"); alert(add4(2,5)); 为什么被叫做动态函数? 因为方法体Function("参数列表","方法体和返回值");可以通过变量获取 如下: var chanshu ="x,y"; var fangfati ="var sum;sum=x+y;return sum;" var add4 =new Function(chanshu,fangfati); //拿到定义好的变量和方法体 alert(add4(2,5)); 9.js的全局变量和局部变量 ***全局变量:在script标签里定义一个变量,这个变量在页面中js部分都都可以使用 ---在方法外面使用,在方法内部使用,在另外一个script标签使用 ***局部变量:在方法内部定义一个变量,只能在方法内部使用,如果在方法外调用这个变量,提示出错。 <script type="text/javascript"> function test(){ var szj ="10"; alert(szj); } test(); alert(szj); //这个弹窗不会弹出来,出现错误。因为szj 这个变量是test 方法里的一个变量,是一个局部变量,只能在方法里使用. </script> 10.script标签的存放位置 ***建议把script标签放到</body>后面 ***如果现在有这样一个需求: 在js里面需要取到input里面的值,如果把script标签放到head里面会出现问题。 因为代码从上到下的执行,html页面还没有解析到input那一行,所以js不能拿到还没执行代码的值。