JS进阶篇学习笔记1

1,弹出对话框  在HTML中插入JavaScript代码

eg:

2.多行注释:/*     */ 单行注释//   

3.函数定义 function f(){ }

4,变量定义 var  变量名=“”;

5.弹出确认对话框 comfirm("要弹出的内容");

6.输出内容: document.write()

7.设置按钮以及点击事件调用f()函数:  

8JS进阶篇学习笔记1_第1张图片 

9.定义数组并赋值语句:var myarr=new Array();  括号内可以指定数组的长度

myarr[0]=80; 
 myarr[1]=60;
 myarr[2]=99;

JavaScript数组的length属性是可变的,这一点需要特别注意。输出数组长度 直接数组名.length

二维数组定义

 1. 二维数组的定义方法一

 var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
   }
 }

     2. 二维数组的定义方法二

     var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]


10.定义函数function 函数名(){} 

       调用:

第一种情况:在

第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

   1. 二维数组的定义方法一


   1. 二维数组的定义方法一




//按钮,onclick点击事件,直接写函数名
 
   
11.

定义一个时间对象 :

var Udate=new Date(); 

JS进阶篇学习笔记1_第2张图片

get/setFullYear() 返回/设置年份,用四位数表示。

返回年份:
var mydate=new Date();//当前时间2014年3月6日
document.write(mydate+"
");//输出当前时间 document.write(mydate.getFullYear()+"
");//输出当前年份 mydate.setFullYear(81); //设置年份 document.write(mydate+"
"); //输出年份被设定为 0081年。
返回星期:

get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

如果将目前日期对象的时间推迟1小时,代码如下:

12 将字符串转变为大小写:
var mystr="Hello world!";
var mynum=mystr.toUpperCase();
小写  toLowerCase();
13返回指定位置的字符
charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。  空格也是一个字符 括号内填字符下标;
eg:

以上代码的输出:

0
4
9
15

split() 方法将字符串分割为字符串数组,并返回此数组。

语法:

stringObject.split(separator,limit)
eg:http://www.imooc.com/code/832

16

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法:

stringObject.substring(starPos,stopPos) 

参数说明:

17

substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

语法:

stringObject.substr(startPos,length)

参数说明:

18

使用 Math 的属性和方法,代码如下:

运行结果:

3.141592653589793
15

注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

Math 对象属性

JS进阶篇学习笔记1_第3张图片

Math 对象方法

JS进阶篇学习笔记1_第4张图片


19 向上取整
Math.ceil(x)   
/向上取整:Math.floor(x)
四舍五入:
Math.round(x)
随机数
Math.random();
19数组  
JS进阶篇学习笔记1_第5张图片
concat()方法

我们创建了三个数组,然后使用 concat() 把它们连接起来,代码如下:

运行结果:

hello!,I,love,JavaScript,!

join() reverse() slice() sort()



你可能感兴趣的:(JS学习笔记)