1.html:负责网页结构。

    css:负责网页美观。

  java script:负责用户与浏览器交互。:基础编程,bom编程,dom编程

2.javascript语句:注释:单行//,多行/**/

                  函数:alter("提示框");

                            docotument.write("向浏览器输出内容");

3.javascript使用方法:A:内部方法:在html界面中使用<script>标签,在标签中写具体的js语句

                                    B:外部方法:使用<script>标签中的src属性导入源文件来加载js语句。

                                          注意:不能使用<script src="01.js"/> 空标签方式导入。

4.变量和数据类型:定义变量赋值:var 变量名=值;

                                                 注:赋值时var可以省略,但是不建议。

                                                        在js中可以重复定义变量,后面定义的变量会覆盖前面定义的变量。

                                                        js是弱类型语言,可以用var定义任何类型数据

                                                        js中的变量类型由值决定,因此未赋值的变量不能使用

                               type of(变量名):查看变量的数据类型

                               js数据类型分类:number:整数或小数

                                                           string:字符或字符串

                                                           boolean:布尔,true or false

                                                           object:对象类型

5.类型转换函数:string->number(整数) :  parserInt(变量)
                            string->number(小数):  parserFloat(变量)      

6.运算符:算术运算符:+ - * / %

                 比较运算符:>  <  >=  <=  ==  

                 逻辑运算符:&&    ||    !

                 三目运算符:表达式?  true的结果:false的结果

7.流程控制语句:if(表达式)......else:表达式中可以是任意类型的值

                            switch语句:case中的选项可以是常量,可以是变量,可以是表达式

                            for循环:for(初始化语句;条件判断语句;流程控制语句){

                                               循环体语句}

                            while循环:初始化语句;

                                               while(条件判断语句){

                                               循环体语句;

                                               流程控制语句;}

exp:

//1,显示"*"为三角型,5行,第1行有1个"*",第2行有2个"*"……
var i=1;
while(i<=5){
	for(var b=0;b<10-i;b++){
		document.write(" ");
		}
	for(var c=0;c<i;c++){
		document.write("*"+" ");
		}
	i++;
	document.write("<br>");
	}
<script type="text/javascript">
//显示乘法口诀
var x=1;
var y=1;
while(x<=9){
	y=x;
	while(y<=9){
		document.write(x+"*"+y+"="+x*y+" ");
		y++;
		}
	x++;
	document.write("<br>");
	}
</script>

8.函数:function 函数名称(形式参数列表){

                        语句

                    }

              函数的调用:函数名称(实际参数列表);

      注:定义函数时形式参数列表不能使用var关键字

             js中可以有返回值,直接用return返回即可,不需要声明返回值类型

             js中没有方法重载的概念,后面声明的函数会自动覆盖前面声明的函数

             js中形参和实际参数的数量可以不相同,依然可以调用(注:实际参数<形式参数: NaN,实际参数>形式参数: 取前面的实际参数,后面的参数丢失)

             js中每个函数都隐藏一个叫arguments的数组,这个数组用于接收函数调用时传过来的实际参数

exp:输入月份获取天数

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function findmonth(){
	var month=document.getElementById("m").value;
	if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){
		alert("该月有31天");
		}else if(month==4||month==6||month==9||month==11){
			alert("该月有30天");
			}else if(month==2){
				alert("该月有28天");
				}else{
					alert("该月不知道有几天");
					}
	}
</script>
</head>

<body>
input month:<input type="text"  id="m"/>
<input type="button" value="input"  οnclick="findmonth()"/>
</body>
</html>




9.基于对象编程:内置对象:

            String对象:定义和使用时注意其索引和内含值的区别

              常用方法:charAt(索引): 返回指定索引的内容
                                indexOf(字符串): 返回首次出现指定字符的索引位置
                                lastIndexOf(字符串): 返回最后出现指定字符的索引位置
                                fontcolor("red"): 直接给字符串添加颜色
                                split("字符串"): 使用指定字符串切割字符串,返回字符串数组
                                substring(start,end); 截取字符串,start:开始索引, end:结束索引
                                substr(strat,[length]) 截取字符串, start:开始索引 length: 截取的字符串长度

            Math对象:ceil(): 向上取整。 如果有小数部分的话,直接+1
                               floor(): 向下取整。如果有小数部分的话,直接丢失小数部分,保利整数位
                               round(): 四舍五入取整。满5进一
                               random(): 生成一个随机的0-1的小数 .包含0,不包含1
                               max(): 返回最大值
                               min(): 返回最小值

             Date对象:var date=new Date();取当前系统日期时间

                               date.getFullYear() 获取日期中的年

                               date.getMonth()+1 获取日期中的月,默认从0开始所以加一

                               date.getDate() 获取日期中的日

                               date.getDay() 获取日期中的星期几

                               date.getHours() 获取日期中的小时

                               date.getMinutes() 获取日期中的分钟

                               date.getSeconds() 获取日期中的秒



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
time:<span id="a"></span>
</body>
<script type="text/javascript">
//网页时钟
function gotTime(){
	var data=new Date();//获取data对象
	var time=data.getFullYear()+"-"+data.getMonth()+1+"-"+data.getDay()+"-"+data.getHours()+":"+data.getMinutes()+":"+data.getSeconds();
	var a=document.getElementById("a");//读取已加载的标签
	a.innerHTML=time;//设置标签的innerHTML属性
	}
	window.setInterval("gotTime()",1000);//设置定时器,每隔多少毫秒执行一次代码
</script>
</html>

                Array数组对象:创建数组时,即可以指定具体长度,也可以不指定具体长度,可以指定具体内容

                                           除此之外,还可以不用new对象,直接指定具体内容

                                   注:js数组可以随着元素的添加而增加长度,而且可以存放任意类型的元素。

                                方法:join(字符串);使用指定的字符串将数组中的所有元素连接在一起,最终形成一个新字符串

                                           reverse();反转数组中的元素