未完成
引入JS的方式
在HTML中直接引入：<script type="text/javascript">JS代码</script>
使用script标签导入JS文件：<script src='相对路径'></script>
使用link标签导入CSS文件：<link rel="stylesheet" href="相对路径" type="text/css">
注意
不要使用for in循环遍历数组，会出现奇怪的错误
==：判断值
===：判断值和类型
JS的基本语法
- 区分大小写
- 变量是弱类型
- 每行结尾的 ;可有可无
- 注释 ：// /* */
数组
定义数组：
- 注意事项：定义数组时候使用的是[ ]
- var arr1=[1,"454",true,45.6];//数组可以放置任何类型的元素
- 定义空数组
- var arr3=[];
- var arr3=new Array();
- 使用内置对象Array
<pre>
var arr2=new Array(5);//定义长度为5的数组
arr2[0]=1;arr2[1]=true……
var arr3=new Array(3,4,5);//定义一个数组元素为3、4、5的数组
</pre>
数组的属性
- 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("***")警告框
- ——window.confirm("***") //确定返回true、取消返回false
- ——prompt(text,描述信息)
- ——open("打开新窗口的URL地址"," ","窗口特征，高/宽")
-
做定时器
setInterval("JS代码","毫秒数")//每隔指定毫秒数执行一次JS代码
<pre>
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;
</pre>
爬过的坑
单引号和双引号出错
- wrong： window.setInterval("document.write("dhasiohdoash+'</br>'')","1000");
- right： window.setInterval("document.write('dhasiohdoash+</br>')",1000);
第一个双引号对应第二个双引号，取中间的内容分析
window.setInterval(" ", x )第二个参数没有双引号，第一个参数也可以是某个函数的名称'fun()'
2.变量生存周期
- wrong ：
<pre>
var Text=document.getElementById("Timer");
var Mydata=new Date();
window.setInterval("Text.innerHTML=Mydata.toLocaleString();",1000);
</pre> - right：
<pre>
function Fun(){
var Text=document.getElementById("Timer");
var Mydata=new Date();
Text.innerHTML=Mydata.toLocaleString();
}
window.setInterval("Fun()",1000);
</pre>
-
在末尾添加结点
(1.)获取ul标签
(2.)创建li标签
var Nli=documen.createElement("标签名称");
(3.)创建文本
var Ntext=document.createTextNode("文本内容");
(4.)把文本内容添加到li下
使用appendChild方法
Nli.appendChild(Ntext);
(5.)把li内容添加到ul下
使用appendChild方法
