day02 cssamp;js 基础

选择器:★
id选择器
要求:
html元素必须有id属性且有值 xxx 注意函数返回值为boolean类型
页面加载: onload

js获取元素:
方式1:
var obj=documnet.getElementById("id值");
获取元素的value值
obj.value;
获取元素的标签体中的内容
obj.innerHTML;
////////////////////
案例2-步骤分析:
1.先有一个表单
2.在form上添加一个事件 onsubmit="return checkForm()"
3.编写checkForm这个方法
4.获取每个表单子标签的内容
5.判断是否满足要求,
若满足,不用管他
若不满足,表单不能提交,返回false,且提示信息.
///////////////////////////
函数的定义:
方式1:
function 函数名(参数){
函数体;
}

方式2:
var 函数名=function(参数){
函数体;
}
注意:函数不用声明返回值类型
参数不需要加类型
函数调用的时候,函数名(参数)

js事件和函数的绑定:
方式1:
通过标签的事件属性 xxx onclick="函数名(参数)"/xxx
方式2:
给元素派发事件
document.getElementById("id值").onclick=function(参数){....}
document.getElementById("id值").onclick=函数名
注意:
内存中应该存在该元素才可以派发事件
a.将方式2的js代码放在html页面的最下面
b.在页面加载成功之后在运行方式2的js代码 onload事件.
////////////////////////
案例3-轮播图片
需求:
每隔3秒图片更新一下
技术分析:
bom中window对象的定时器方法
定时器:
var id=setInterVal(code,毫秒数):每隔指定的毫秒数执行一次函数 周期
var id=setTimeout(code,毫秒数):延迟指定的毫秒数之后 只执行一次函数

清除定时器:
clearInterval(id);
claerTimeout(id);

////////////////
步骤分析:
1.在首页上面绑定一个onload事件
2.事件绑定的函数中编写一个定时器
3.定时器每隔3秒更换图片
imgObj.src="/upload/attach/blank.gif" data-echo="";

///////////////
补充:
运算符:
比较运算符: = =
若两边都是数字 和java一样
若一般为数字,另一边为字符串形式的数字,将字符串形式的数字转换成数字在进行比较 3"2"
若一般为数字,另一边为字符串,返回一个false 3"hello"
两边都是字符串的时候,比较ascii
等性运算符 == ===
== :只判断值是否相同
===:不仅判断是否相同,还要判断类型是否相同
语句:
if语句 和java一样
for while 语句和java一样
switch 和java一样(区别,switch 后面跟字符串. 还可以跟变量)


总结:掌握
1.css和html整合
方式3种
2.css中选择器:
id class 元素
属性 后代
3.js
js和html整合
方式两种
4.变量定义
5.函数定义
2中格式
6.事件
onclick onload onsubmit
7.事件和函数的绑定
2中方式
8.定时器 2种
9.for while if

day02 cssjs 基础

原文地址:http://www.cnblogs.com/YKang/p/7304908.html


最新回复(0)
/jishuL_2BhEQA2KlpbhwQzxr1GGAjZ1hw5oePDPqNQHQQ_3D_3D4718991
8 简首页