1.前一天重点内容复习
js中定义函数方式以及调用函数方式
定义函数方式:
function 函数名(参数名称列表){
逻辑代码
return结果; /直接输出
}
调用函数 :
如果函数里面有return语句,采用赋值调用:
var 结果 = 函数名称(实际参数列表) ;
如果函数里面直接输出,单独调用
函数名称(实际参数列表);
css选择器有哪些
标签选择器:style中定义,优先级最低,属性唯一
标签名称{}
类选择器:标签中引用,style中定义,优先级次之
.class属性值{}
id选择器:标签中引用,style中定义,优先级最高
#id属性值{}
交集选择器:选择器1 选择器2{}
#id选择器 标签名称/.class属性值{}
并集选择器:选择器1,选择器2{}
#id选择器,标签名称/.class属性值{}
伪类选择器
选择器:状态属性{}
属性:
link:未访问状态
hover:鼠标经过状态
active:激活状态
visited:访问过的状态
列举常见的表单标签的表单项
form:action,method
input:text,password,email,date,hidden,file,button,submit,reset
select:option
js中常见数据类型划分
string:字符和字符串
number:整数和小数
object:对象
boolean:布尔类型
java定义数组和js定义数组的区别
java
数据类型[] 数组名称 = new 数据类型[长度];
js
var 对象名称 = new Array();
常见css属性样式
背景
background-color:背景颜色
background-imag:图片地址
background-repeat:图片重复
background-position:图片位置
边框
border:border-width border-style border-color;:边框粗细,样式,颜色
文本
text-decoration:文本修饰
text-align:文本居中方式
字体
font-size:字体大小
font-weight:字体粗细
font-style:字体样式
浮动
float:设置浮动
clear:清楚浮动
2.js自定义对象方式
方式一:使用自定义有参函数方式完成自定义对象创建
创建类似于java有参构造函数
function 对象(属性列表){
属性赋值...
方法...
}
创建对象
var 对象名称 = new 对象(实际参数列表);
方式二:使用自定义无参函数方式完成自定义对象创建
创建类似于java无参构造函数
function 对象(){
}
创建对象
var 对象名称 = new 对象();
给对象增加属性
p.属性名=属性值;
给对象增加方法
p.方法名 = function(){
逻辑代码;
}
方式三:使用object对象完成对象的创建
object创建对象
var 对象名 = new object();
追加属性
p.属性名=属性值;
追加方法
p.方法名 = function(){
逻辑代码;
}
方式四:使用json数据格式创建对象
创建单个对象
var 对象名 = {
键:值,
键:值,
键:值
...
}
创建多个对象
var 对象名 = [
{键:值,键:值,键:值,键:值...},
{键:值,键:值,键:值,键:值...},
{键:值,键:值,键:值,键:值...}
];
3.Date对象
获取年:getFullYear()
获取月:getMonth()
获取日:getDate()
获取小时:getHours()
获取分钟:getMinutes()
获取秒:getSeconds()
4.定时器
window:
setInteval(定时任务(),时间毫秒值);等待毫秒值,重复执行定时任务
setTimeout(定时任务(),时间毫秒值):等待毫秒值,执行一次定时任务
5.DOM操作
基础:浏览器的js解析html标签时,会将每一个标签封装成对象,形成一个树状结构
核心:获取标签对象,使用标签对象改变其属性来达到某种效果
获取标签对象方式
通过节点关系获取
parentNode:父节点
childNodes:所有子节点
firstChild:第一个子节点
lastChild:最后一个子节点
previousSibling:上一个兄弟节点
nextSibling:下一个兄弟节点
通过属性集合获取
all:获取所有标签对象
links:一般a标签对象
forms:表单中标签对象
imags: img标签对象
使用document对象方法获取标签对象
getElementById("id属性值");
getElementsClassName("class属性值");
getElementsByTagName("标签名称");
getElementsByName("name属性");
6.事件编程三要素
事件源
事件监听器-函数
将函数绑定到事件源上
7.事件分类
单击:click
双击:dbclick
获得焦点事件:focus
失去焦点事件:blur
选项卡发生变化事件:change
鼠标经过事件:mouseover
鼠标移出事件:mouseout
页面载入事件:load