枫子翰专属JavaScript笔记

未完成

引入JS的方式

在HTML中直接引入：
使用script标签导入JS文件：
使用link标签导入CSS文件：

注意

不要使用for in循环遍历数组，会出现奇怪的错误
==：判断值
===：判断值和类型

JS的基本语法

• 区分大小写
• 变量是弱类型
• 每行结尾的 ;可有可无
• 注释 ：// /* */

数组

定义数组：

• 注意事项：定义数组时候使用的是[ ]
• var arr1=[1,"454",true,45.6];//数组可以放置任何类型的元素
• 定义空数组
  1. var arr3=[];
  2. var arr3=new Array();
• 使用内置对象Array
  

  
   var arr2=new Array(5);//定义长度为5的数组
   arr2[0]=1;arr2[1]=true……
   var arr3=new Array(3,4,5);//定义一个数组元素为3、4、5的数组
   

数组的属性

• length

方法：

• ——concat()//连接两个或多个数组
  var x1=[1,2,3,4];
  var x2=[5,4,8,5];
  var x3=x1.concat(x2);//把x1、x2合并为一个数组
• ——join(" ")//指定分割数组元素的分隔符
  var x1=["我的",true,15,45.6];
  var x=x1.join("--");
  document.write(x);
• ——push(new1,new2……)//向数组末尾添加一个或多个元素，返回添加后数组的长度
• ——pop()//删除最后一个元素，并返回刚刚删除的元素

Date

JS中获取当前时间

var date=new Date();

方法

• toLocaleString();//根据本地时间，把date对象格式化
• getFullYear();//得到当前年份
• getMonth();//得到月份
• getDate();//得到日(1——31)
• getDay();//得到星期(0~6：对应星期日到星期六)
• getTime();//获取从1970/1/1至今的秒数

JS的全局函数（待整理）

JS的BOM

Broswer Object Model:浏览器对象模型

window对象(是JS的顶层对象，所有的BOM对象都是在window里面操作)

• ——window.alert("***")警告框

2. ——window.confirm("***") //确定返回true、取消返回false
3. ——prompt(text,描述信息)
4. ——open("打开新窗口的URL地址"," ","窗口特征，高/宽")
5. 做定时器
   setInterval("JS代码","毫秒数")//每隔指定毫秒数执行一次JS代码
   

   
    setInterval('Myfunnn()',1000);
    function Myfunnn(){
    var date=new Date();
    var localTime=date.toLocaleString();
    var Mon=date.getDay();
    if(Mon==0){
    Mon='日';
    }
    var i=document.getElementById('Mypan');
    i.innerHTML=localTime+";星期"+Mon;
    

爬过的坑

单引号和双引号出错

• wrong： window.setInterval("document.write("dhasiohdoash+'
  '')","1000");
• right： window.setInterval("document.write('dhasiohdoash+
  ')",1000);
  第一个双引号对应第二个双引号，取中间的内容分析
  window.setInterval(" ", x )第二个参数没有双引号，第一个参数也可以是某个函数的名称'fun()'

2.变量生存周期

• wrong ：
  

  
   var Text=document.getElementById("Timer");
   var Mydata=new Date();
   window.setInterval("Text.innerHTML=Mydata.toLocaleString();",1000);
   

• right：
  

  
   function Fun(){
   var Text=document.getElementById("Timer");
   var Mydata=new Date();
   Text.innerHTML=Mydata.toLocaleString();
   }
   window.setInterval("Fun()",1000);
   

3. 在末尾添加结点

   (1.)获取ul标签
   (2.)创建li标签
   var Nli=documen.createElement("标签名称");
   (3.)创建文本
   var Ntext=document.createTextNode("文本内容");
   (4.)把文本内容添加到li下
   使用appendChild方法
   Nli.appendChild(Ntext);
   (5.)把li内容添加到ul下
   使用appendChild方法