js总结

javascript
一个完整的web应用程序
web服务器
接收客户端请求,根据客户端请求返回结果
web浏览器
允许客户端请求服务器的某个资源,并显示有服务器返回的结果
http协议
客户端和服务器通信所用的协议
html网页
展示内容
块级元素与内嵌元素
二者不同之处在于块级元素的文本是换行的,而内嵌元素定义的文本不是换行的
常见块级元素
div , blockquote, fieldset,from, h1-h6, hr, p, pre ,table 列表元素(dl , ol , ul)
内嵌元素
span,a,img,label,所有表单输入元素,iframe ,object 等
在html中,name属性和id属性的区别
id属性石网页元素在网业中的唯一标示符,不能重复.name属性 是描述提交给服务器表单数据的名称,可以重复.如果两个文本框name属性一样,那么提交时,会出现两个键值对
id属性可以用于网页的任何元素,但name属性一般用于表单元素
id属性的值不会提交给服务器处理,但name属性的值会随着表单提交给服务器处理
jquery
轻量级
强大DOM选择器
解决不同兼容问题
提供UI库组件
与dom 之间的相互转换
dom 转为 jquery
var obj ;

var jq = $(obj)
jquery 转为 dom
var jq;

var obj = $(jq)[0]
事件添加
为现代事件添加
获取元素
$("#div img")
$("#div").find("img")
数组长度
$("#div img").size()
取消事件
$("obj").unbind()
readonly 和 disabled的区别
readOnLY表示只读,也就是文本框内容不可以改变,所以该属性只能用于文本框.disabled表示不可用,可以用于任何网页的元素.元素加上disabled 内容不能改变,同时不响应事件
表单元素加上readonly,表单只还是可以提交给服务器,但表单元素加上disabled就不能提交给服务器
css 层叠样式表
用于定义HTML元素的显示形式
添加方式
1,内联式:直接在元素中加入style属性,只能用网页中的一个元素

<div style="border:1px  solid #000; width:300px;height:200px"></div>
2,嵌入式:书写style标签,在标签中指明样式.可以用于网页的不同元素

<style>

        div{

            width: 300px;

            height: 200px;

            background: #fff76e;

        }

    </style>
3,将样式规则书写道文件中 ,可以用于不同的网页,重用度最好 

<link rel="stylesheet" href="test.css">
含义
如果有多个规则来买哦书同一个元素,那么会根据优先级来决定最终显示是什么样式

优先级顺序: 内嵌式>嵌入式>外联式
css选择器
类选择器
利用元素的class属性来引入类选择器的样式.可以用于多种元素.同一种元素也可以选择使用

.borders{

            border :2px solid red;

        }

<div class="borders"></div> 该div用border类来定义样式
ID选择器
让指定拥有该ID属性的元素采用该样式

<p id="p1">OK</p>  #p1{}   id号为p1的元素采用该样式
元素选择器
:利用元素的标签名称作用选择范围. div{}表示多有div元素采用该样式
包含选择器
元素中子元素采用该样式

<div id="n">

    <P>df </P>

    <span>dsf </span>

</div>

#n p{

            color: aqua;

        }

id号为n的元素所有的p标签采用该样式
通配符
*
表示所有的元素采用该样式
伪类选择器
执行完某个动作的元素采用该样式

#data tr:hover{} 表示鼠标悬停在id为data下的tr元素时,采用该样式
CSS盒模型

内容 content
外边距 Margin
边框 Border
内边距 Padding
盒子之间的关系
标准文档流
概念
指在不使用其他与排列和定位相关的特殊CSS规则时,各种元素的排列规则
1, 文本元素按照从上到下,从左到右的格局布局
2, 块级元素按照从上到下布局
display:none 和 visibility:hidden 的区别
两个式样都可以隐藏元素 ,display:none 不占位置 visibility元素会占位置
内嵌元素和块级元素相互转换
内嵌元素转块级元素 display:block
块级元素转内嵌元素 float:left
css优先级
！important>id>class>element>伪类>*
判读复选框和下拉框是否被选中
checked 和 selected
javascript 
加入网页方式
1）内嵌式 
<script></script>

在网页中加入<script>标识,标志中间内容为JS代码.只能用于本网页
2)外联式
将JS代码独立成*.js 文件.通过<script> 的src属性导入.可以用于多个网页

<script src="aa.js"></srcipt>

注意:一旦通过<script>标签导入了JS文件,在该标签中就不能再写
a4e5
JS代码
3)在元素事件中加入JS代码
<input type="button" onclick="alert('ddd')">
4)超链接伪URL模式
<a href="javascript:alert('dd')">跳转</a>
js变量
弱类型
不一定要初始化
可以存放个各种数据类型
形参不能指明变量类型
关键字
break,for,double,import,public

else,new,try,if,in,whlie

typeof,void,var
用户自定义的变量名和函数名不能和标签 相同

函数名也不能和元素的ID名相同
JS数据类型
undefined
当声明的变量为初始话时为undefined
当无返回值时,调用结果undefined
null
null是由undefined派生而来的,因此null==undefined
表示对象不存在
NaN表示非数字,它与自身不相等,一般发生在类型转换失败时,isNaN()效验是否为数字
typeof 检查该变量中存放的数据类型,如果x的值为NULL,那么就为object引用
JS调用函数时,形参和实参的个数可以不一致.没有赋值的形参为undefined
正则表达式
定义正则表达式/^ $/
事件流
事件冒泡
先响应事件源,再响应父容器
事件捕获
先响应父容器,再响应事件源
事件处理
可以选择先响应付容器或者事件源
事件指派方式
传统添加方式
兼容性好,几乎浏览器都支持
一个元素的事件只能绑定一个函数
现代添加方式
兼容性差,浏览器不同添加的方式不同
一个元素的事件可以绑定多个函数
一个事件如果返回值为false可以阻止元素的默认行为