js总结
来源：互联网 发布：淘宝网店押金怎么退 编辑：程序博客网 时间：2024/05/29 15:08
总结
1.HTML：HTML是网页内容的载体
2.HTML标签不区分大小写，<h1>和<H1>是一样的。
3.一个HTML文件是有自己固定的结构的：<html>
<head>...</head>
<body>...</body>
</html>。
4.下面这些标签可用在 head部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>。
5.CSS注释代码
就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)
6.标题标签一共有6个，h1、h2、h3、h4、h5、h6
7.<em>表示强调，<strong>表示更强烈的强调。并且在浏览器中<em>默认用斜体表示，<strong>用粗体表示。
8.<span>标签是没有语义的，它的作用就是为了设置单独的样式用的，用css设置样式。
9.<q>引用文本</q>
注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
10.换行标签<br/>
11.空格：
12.<pre>标签的主要作用:预格式化的文本。
13.无序列表
ul-li是没有前后顺序的信息列表。
14.有序列表
语法：
<ol>
<li>信息</li>
15.<div>容器标签
16.创建表格的四个元素：
table、tr、th、td
1）、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2）、<tr>…</tr>：表格的一行
3）.<td>…</td>：表格列，
4）、<th>…</th>：表格表头。
17.<a>标签可实现超链接
18.<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
19.<form method="传送方式" action="服务器文件">
20.<input type="text/password" name="名称" value="文本" />
1）、type：
当type="text"时，输入框为文本输入框;
当type="password"时,输入框为密码输入框。
2）、name：为文本框命名，以备后台程序ASP、PHP使用。
3）、value：为文本输入框设置默认值。(一般起到提示作用)
21.<textarea rows="行数" cols="列数">文本</textarea>
1）、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2）、cols：多行输入域的列数。
3）、rows：多行输入域的行数。
22.<select>
下拉框：<option value="看书">看书</option>签中设置multiple="multiple"属性，
就可以实现多选功能
23.在表单中有两种按钮可以使用，分别为：提交按钮、重置。
1），<input type="submit" value="提交">
type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字
2），type设置为"reset"就可以。
语法：
<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字
24.从CSS样式代码插入的形式来看基本可以分为以下3种：
内联式、内部式和外联式三种
25.常用选择器：类选择，伪类选择，ID选择，分组选择器
26.字体设置：
body{font-family:"宋体";}
body{font-size:12px;color:#666}
p span{font-weight:bold;}
p a{font-style:italic;}
p a{text-decoration:underline;}
27.文字间隔，字体间隔：
h1{
word-spacing:50px;
}
..h1{
letter-spacing:50px;
}
28.Css盒模型：
元素分类：块级元素，行及元素。
29.盒模型：padding,margin,border.
30.css布局模型，flow,float.
31.层模型有四种形式：
1）、绝对定位(position: absolute)
2）、相对定位(position: relative)
3）、固定定位(position: fixed)
4），默认定位
DOM ：
1.Document Object Model 文档对象模型就是把HTML文档模型化，当作对象来处理
2.节点(Node)：HTML文档中的所有内容都可以称之为节点，常见的节点有元素节点属性节点 文本节点注释节点
元素(Element)：HTML文档中的标签可以称为元素
3.节点分类：父节点 子节点 兄弟节点
4.获取元素：
getElementById("#id名"); /*该方法只能被document对象调用*/
getElementsByTagName("div");
getElementsByClassName("div");
getElementByName();
nextElementSibling;
5.设置属性：
<标签 属性名=”属性值”>
6. 绑定事件：
事件三要素 事件源.事件= function(){ 事件处理程序};
等价于 <标签 事件=”事件处理程序”>
和对象方法一样，this指的还是调用该方法的对象
7.innerHTML 获取和设置标签中的内容，设置的内容会当作节点对象被解析到DOM树上
8.常见的表单元素属性有：
type、value、checked、selected、disabled
type可以设置input元素的类型
value可以设置input元素的值
checked可以设置input元素是否选中
selected 可以设置下拉列表select中的option是否被选中
disabled 可以设置input元素是否被禁用
文本框获取焦点和失去焦点
获取焦点事件是onfocus失去焦点事件是onblur (不是所有的标签都有这个事件)
9.可以通过getAttribute()和setAttribute()设置和获取标签属性，通过removeAttribute()移除标签的属性
10：1表示元素节点 2表示属性节点 3表示文本节点 8表示注释节点
11. father.appendChild(要追加的元素);
father.insertBefore(要插入的元素,插到这个元素的前面);
father.removeChild(要移除的子元素);
12. typeof 变量 //判断这个变量是什么数据类型的
instanceof作用:判断这个对象是不是这个类型的-----返回值
13. JSON格式的数据都是键值对,这些键值对,键---是字符串,值----字符串
遍历
14.基本类型---值类型---String Undefined Number Boolean Null
15.引用数据类型：
原生对象，
内置对象：global math
宿主对象：所有bom,dom对象
16.1基本类型不能直接调用属性和方法
2.对象可以直接调用属性和方法
17.BOM:
location.href是一个属性.可以跳转到指定的页面
18.setInterval 计时器,该计时器返回来的是该计时器的id
clearInterval 销毁计时器的,需要的参数就是计时器的id
setTimeout(function () {alert(); },1000);
clearTimeout(timeId)
19.正则表达式
正则表达式中的基本元字符
. 通配符（. 除了\n以外的任意一个内容）
[0-9]表示的是:0到9之间(包含)任意一个数字
[a-z]表示所有的小写字母中的一个
[A-Z]表示的是所有的大写字母中的任意一个
[a-zA-Z]表示的是所有的字母中的任意一个
[0-9a-zA-Z]表示的是任意的一个数字或者任意的一个字母
[0-9]|[a-z] 0-9之间的任意一个数字或者是小写字母中的任意一个字母
* 表示的是该符号前面的表达式出现了0次到多次
+ 表示的是该符号前面的表达式出现了1次到多次
? 表示的是该符号前面的表达式出现了0次到一次
{} 表示的是前面的表达式出现了多少次,具体是多少次:大括号中的写法
数字 字母 特殊符号
\d 表示的是任意的一个数字和[0-9]一样
\D 表示的是非数字
\s 空白符号
\S 非空白符号
\w 非特殊符号
\W 特殊符号
之前的元字符 都是不严格的匹配字符串
^:1.以什么内容开头,必须以什么开始
2）.取反
用法:
^[0-9] 必须以数字开头
^[a-z0-9] 必须以数字或者以小写字母开始
^[0-9a-zA-Z] 必须以数字或者是字母开头
^\d 必须以数字开头
[^0-9]取反 字母或者特殊符号
[^0-9a-zA-Z] 特殊符号
$ :必须以什么内容结尾
[0-9]$ "hsgd7y273d9"
[a-zA-Z]$
^[0-9a-z][a-z]$
在js中正则表达式的写法:/正则表达式/
创建正则表达式对象的方式:
1. var reg=new RegExp(/正则表达式/
2. var reg=/正则表达式/; reg.test("hello998");
3. /正则表达式/.方法名(参数);
