js和html的整合
（一）
在页面上直接写
将js代码放在<script></script>标签中，一般放在head标签中
（二）
独立的js文件
通过script标签的src属性导入
js中变量声明：
var 变量名=初始化值；
var 变量名；
变量名=初始化值；
js的数据类型
原始类型：
Null
String
Number
Boolean
Undefined
js事件驱动函数
函数定义格式：
方式1：
function 函数名（参数）{
函数体；
}
注：
函数不用生命返回值类型
参数不需要加类型
函数调用的时候
函数名（参数）
js中的事件
常见事件：
单击：onclick
表单提交：onsubmit 加在form表单的 οnsubmit=“return 函数名（）”注意函数返回值为boolean类型
页面加载：onload
js事件和函数的绑定
方式1：
通过标签的事件属性 <xxx οnclick="函数名（参数）”> </xxx>
js获取元素：
方式一：
document.getElementById（“id值”）；
方式二：
document.getElementById(“id值”).οnclick=function(参数){…}
document.getElementById(“id值”）.οnclick=函数名
注意
内存中应该存在该元素才可以派发事件
a。将方式二的js代码放在html页面的最下面
b。在页面加载成功之后在运行方式2的js代码 onclick事件
获取元素的value值
obj.value
获取元素标签体中的内容
obj.innerHTML；
单击事件
<script>
function btnCli( ){
alert(44944);
}
function init( ){
alert("页面加载成功");
}
</script>
<body onload="init( )">
<input type="button" value="点击我试试” onclick=“btnCli（ ）”>
</body>
轮播图
定时器：
var id=setINterVal(code,毫秒数）：每隔指定的毫秒数执行一次函数 周期
var id=setTimeout(code,毫秒数）：延迟指定的毫秒数之后 只执行一次函数
清除定时器;
clearInterval（id）；
clearTimeout（id）；
String对象
原始类型的string是一个伪对象可以直接调用string类对象的方法
substring（0,engIndex）;
- 在页面中显示字
<heqd>
<script>
var s="我们的明天会更好！";
function init( ){
document.write(s);
}
</script>
</head>
<body onload="init( )">
</body>
- 循环播放字体
<head>
<script>
var s="我们的明天会更好！";
var i=0;
var divObj;
function init( ){
divObj=document.getElementById("divId”);
setInterval(show,200);
}
//往div中写内容
functoin show( ){
i++;
var s_=s.substring(0,i);
divObj,innerHTML=s_;
if(i==s.length){
i=0;
}
}
</script>
</head>
<body onload="init( )">
</body>
- 三张图片的轮播图
<script>
var i=1;
founction init( ){
//创建一个定时器
setINterval(changeImage,1000);
}
//更改图片
//<img id ="luboid" src="../img/1.jpg"/>
function changeImage( ){
//获取图片元素
var imgObj=document.getElementById("luboid");
i++;
//修改图片元素的src属性
imgObj.src="../img/"+i+".jpg";
//当i>3的时候重置i
if(i>=3){
i=0;
}
}
</script>
