链接标签: 打开新页面的方式:target="_blank/_new/_self" _blank:每次打开一个新窗口 _new:只打开一次新窗口 _self: 在原窗口中打开新链接页面
<body>标签中定义链接样式的属性:
link 链接本身的颜色
vlink 已访问链接的颜色
alink 活动时链接的颜色
在CSS中定义链接样式:
wei类选择器:
基本选择器名:hover{属性名:值;.....} 属性经过时修改其它属性;
以链接标签的颜色为例:
链接本身: a:link{color:#0F0;}
已访问链接: a:visited{color:#30F;}
鼠标经过时的链接: a:hover{color:#F00;}
活动时的链接: a:active{color:#999;}
注:以上顺序不可变;基中hover处处可用;
复制代码
选择器: 基本选择器: 标签选择器:标签名 类选择器:class属性值 id选择器:id属性值
标签: 行级标签:span、a-->display:inline 块级标签:div、p-->display:block 注:行级标签内行显示,但无法设置宽、高尺寸; 块级标签可以设置宽、高,但是不能同行显示; inline-block:既同行显示,又能设置宽、高;
获得对象: 根据ID获得对象:document.getElementById(); 根据CLASS获得对象:document.getElementsByClassName() 根据标签名称获得对象:document.getElementsByTagName() 根据name获得对象:document.getElementsByName()
事件: onload页面加载事件:当页面加载完成时。。。。 例:window.οnlοad=function(){ //js语法 }
DOM:Document Object Model文档对象模型 节点: 创建节点:document.createElement 获得对象:document.getElementById(); BOM:Browser Object Model浏览器对象模型 window窗口
单选框/多选框是否被选中:checked 下拉框的下标属性:selectedIndex 表单元素的值:value
练习:表单(用户名/密码/确认密码/性别/出生日期)
用户名:字母、数字,至少6个,不能以数字开头;[a-zA-Z]
密码:纯字母,6-20位
确认密码与密码必须一致
性别:男/女,必选
出生日期必填
复制代码