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();反转数组中的元素