border: 1px solid #000000 表格要边框不要内部的线A标签禁止跳转，执行javascript的方法 href="javascript:void(0)" οnclick="javascript:$('#dd').dialog('close')"输入框不可编辑：方法1: onfocus=this.blur() 当鼠标放不上就离开焦点方法2:readonly方法3: disabledJava中返回本地IP：InetAddress.getLocalHost().getHostAddress()abstract位置在class之前，也在返回值之前for(1;2;3){4}执行顺序为，1243且1只执行一次多张表连接，直接在后面加上inner join 表名 on筛选条件即可Html：预定义标记语言，页面的源码，开源的浏览器：解释和执行源码的工具标签：以<>包裹的，成对出现，类似于类，具有默认的属性，可以更改属性值标签本身不区分大小写，规范小写后缀：html或htm，为页面文件W3c：页面开发的标准，解决不同浏览器于源码的兼容性问题浏览器的内核是不同的没有编译过程，不会报错，从上到下，从左到右执行页面上通用的字体为微软雅黑格式： 、
...
、 、 、 、 、 、 常用的内联元素有： 、、、、、、 ：a标签必须有href，路径位置为#时，代表刷新访问本页瞄链接：功能性链接： 禁止跳转： align=”center”：纵向居中对齐区域标签： 文本等行级内容：隔离效果，对一行中某个字符做特殊处理时颜色：红绿蓝RGB#FF0000：使用十六进制Html中的特殊字符： 空格： 大于：> 小于：< 版本符号：© 人民币符号：¥ 双引号："表单：接受用户输入的核心表格：表格布局结构体系复杂table 做布局，border边框属性，只能设置粗细，为数字，像素tr：行td：列逻辑划分：thead tbody tfoot ，特殊单元格th 加粗、居中效果放在thead 后 caption 设置表的标题 单元格td后才能存放内容设计单元格合并的表格处理数行列找位置：跨行、 跨列进行操作： 设置跨行跨列属性，在td后跨列：colspan=”列数”跨行：rowspan=”行数”删除多余的单元格表单必须存在的两个属性：action ：表单提交的位置，目前我们只能提交到自己的页面method=(get/post)：提交方式get ：提交数据量有限 15-18kb 数据暴露在外Post：提交的数据量无限 数据安全隐藏get用于测试，发布前要换成post在表单中用于提供给用户输入内容的标签被称为表单元素文本框密码框 单选按钮：男 女多选按钮： 隐藏域： 按钮： ：提交：重置 下拉列表： 文本域： Css样式：样式是用于控制页面元素外观，位置等属性的一组参数样式的种类行内：在标签内使用 style =”样式1=样式值1;样式2=样式值2;...”; 优先级最高，效果以此为参照 页面太过冗余，作用域过小刷新本页内部：出现在页面的头部中外部：是一个单独.css的文件需要使用link标签来建立两个文件的关联 复用性高用*代表所有元素Css文件中：a{ color:green;text-decoration:none;}标签选择器.a{ color:red;}类选择器#id{ text-decoration:overline} id选择器选择器的划分标签选择器：与标签名一致，类名{ }类选择器：不同标签可以分到同一类中，在标签中加class=”a b”，.类名{ }Id选择器：id不能重复，在标签中加class=”a b id”，#类名{ }后代选择器：#父类名 #子类名{ }所有标签皆盒子块级标签默认占满一行，下次直接换行行级标签占满一行后换行body左上角为页面的(0,0)点，向右x值增大，向下y值增大CSS盒子模型(布局方案)在html中 所有的标签都视作盒子标准文档流Border：边框：粗细、样式、颜色 border:1px solid black或者 border-width:1px; boder-style:dashed; boder-color:green;或者 border-left: 1px solid black border-left -width:1px; border-left -style:dashed; border-left -color:green;padding：填冲（内距）定位，以body为基准，改变自己的宽度、高度，会改变body的大小 margin外距定位，以元素为基准 margin:10px 20px 10px 20px; 上、右、下、左 margin: 10px 20px; 上下、左右 margin: 10px; 四个方向 margin:0px auto; 自动居中 background-color:#f5f5f5; 背景色内容 块级元素 宽度100% 高度由内容决定 行级元素 宽高都由内容决定Width：宽度 ：px 、%Height：高度：pxfloat 浮动：打破标准文档流，块级元素不再具备自动换行的效果 参与元素后都要设置float Left元素向左浮动 Right元素向右浮动 None默认值，元素不浮动 Inherit规定应该从父元素继承 float 属性的值 之后要清除浮动： 字体样式Font-weight: 字体的粗细程度 100-500 细 600-900加粗 bold bolder 都可以实现文字的加粗效果 hFont-size: 字体的大小、以像素为单位Font-family: 字体的字型 Font-style: 字体的修饰（斜体）Color: 前景色rgb(200,200,0), rgba(200,200,0,0-1),单词，#16进制文本样式Text-decoration: 文本修饰 下划线：underline、上划线：overline 、中划线：line-through、闪烁效果Text-indent ：文本缩进、在块级标签内可用，以像素为单位Letter-sapcing: 字间距，给像素值Line-height: 文本的行高，如果行高和容纳文本的块级容器一样大，则文字自动纵向居中，这个样式是实现纵向居中的一套有效手段Text-align: 横向对齐的方式，left 左对齐、center居中对齐、right 右对齐背景样式Background-color: 背景色Background-image: 背景图，url(图片地址);Background-size：背景图大小Background-repeat: 调整背景图平铺方式，横向平铺：repeat-x、纵向平铺：repeat-y 、不平铺：no-repeatBackground-position: 背景图的位移，background-position: xpx ypx其它样式 元素不显示：Display: 设置元素显示或隐藏，隐藏不占据空间位置none不显示；block 以块级方式显示；inline 以行级方式显示；inline-block行块级显示，可以调整宽高，前后不换行 visibility：visible显示，hidden不显示，隐藏时占据空间位置 hidden：直接写就行，在xhtml中赋值为hiddenPosition: 元素的定位方式，relative 相对定位，作为定位参照、absolute 绝对定位、fixd填充定位,后面用left、righ、top调整位置Z-index: z柱 ，用来调整绝对布局的多个元素的叠放次序List-style-image: 设置列表项的图片Cursor设置鼠标外观的，pointor小手、help箭头加问号、ceil加好、text输入、wait等待 -moz-user-select:none层内容不能被选中 Overflow:hidden超出显示范围的内容隐藏 Overflow:scroll超出显示范围出现滚动条伪类样式：出现顺序固定，可以省略，只能出现在内部和外部，不能出现在行内 a:link{ }默认 a:hover{ }悬浮 a:active{ }点击时 a:visited{ }点击后 书写顺序：L、V、H、A 其他标签：默认用div、悬浮用div:#newsList>ul>li{ }：子选择器#newsList ul{ }：后代选择器交集选择器,相交的部分就是要设置属性值的标签 1,格式: 选择器1选择器2...{ 属性:值; } 2,注意点: (1),选择器之间没有任何的连接符号 (2),选择器可以是标签名称,也可以是id、class名称并集选择器 1,格式: 选择器1,选择器2,...{ 属性:值; } 2,注意点: (1),选择器之间利用,连接 (2),选择器可以是标签名称,也可以是id、class名称兄弟选择器,只选中同级的标签 1,相邻兄弟兄弟选择(css2) 格式: 选择器1+选择器2{ 属性:值; } 注意点: (1),相邻选择器必须用+链接 (2),相邻选择器只能选中紧跟后边的那个标签,不能选中被隔开的标签 2,通用兄弟选择器(css3),指定选择器后边特定的所有选择器都被选中 格式: 选择器1~选择器2{ 属性:值; }点击事件：放在头部中 list-style-img:url(图片路径)javascript：是嵌入在html文档中的逻辑代码，是一种脚本语言 ，用来制作页面上标签的动态效果的。构成EcmascriptJs可以放置在html的任意位置 w3c 标准规范:要么放置在头部，要么放置在最后 外部js：是一个单独的文件，后缀名是.js ，使用script标签的src属性来引入 >内部js：是放置在头部的一对 行内js：是在事件中使用javascript: 逻辑代码Js是一个弱类型语言，唯一的类型是var，声明变量面试题 ：请阐述var 和 object的区别Objec：是万物宗源类型 是一个足够大的容器 所以可以保存各种类型的数据Var ：是反射类型 数据值来决定了类型 类型其实是明确的BomHistory：代表浏览器的访问历史， window.history.go(); Go()：0 代表刷新本页；1 去下一页；-1 返回上一页 Back()：返回前一个页面 Forword()：前进到历史进入过的下一个页面Location：代表浏览器的浏览地址 url ，window.location.href=’连接的地址’ Href()：跳转到一个页面 Reload()：重新载入当前页面，刷新Document：是用于查找和动态控制页面中标签元素的模型 Referrer：返回前一个跳转页面的url url：返回当前文档的url如何查找页面中的标签元素document.getElementById(‘要查找的元素id’); 找到文档中唯一的一个元素对象document.getElementsByName(‘要查找的元素id’); 根据名称返回对象集合document.getElementsByTagName(‘要查找的元素id’); 根据标签名称返回对象集合document.getElementsByclassName(‘要查找的元素id’); 根据类名称返回对象集合Js中的方法常规的方法 function show(){ }匿名方法 Windows.onload=function(){ }Js中的事件当x元素受到y 操作刺激时执行z方法X 事件源：页面中任意的标签对象(自己选择)，在绑定的方法中使用this就指代事件源Y 触发时机：onclick 被点击，ondbclick 被双击，onchange 内容改变、onmouseover鼠标悬停、onmouseenter鼠标进入的瞬间、onmouseleave鼠标离开后、onmouseout鼠标离开的瞬间、onfocus元素获取焦点元素、onblur元素失去焦点事件、onkeypress键盘按下并释放，触发的是上一次的内容、onkeydown键盘按下、onkeyup键盘释放，及时内容Z 触发操作：一个包含逻辑代码的方法Dom3种弹出消息框的方式 输入：prompt(弹框的消息,输入框的默认值)返回用户输入在输入框中的内容返回的是字符串类型，转型要用到parseInt()、parseDouble() 输出：alert(弹框的消息信息)； 无返回值 confirm(弹框的消息信息)；返回boolean值innerHtml=sum：刷新显示内容NaN：not a number不是一个数字Docment.write()执行时有现有的文档流就在现有文档流中打印，如果没有就新开一个全新的文档流覆盖现有的文档流事件发生在文档流加载之后Js中字符和字符串赋值时单双引号不分的，当外层用了双引号内层就用单引号Js中运算符和逻辑控制语句和Java一样，制表位、换行符、转移符无效Js时弱类型，由值决定类型相对路径：不以盘符为起点绝对路径：以盘符为起点JavaScript：Java脚本语言This指代事件源Js严格区分大小写Js中可以加入自定义属性设置：setAttribute("test","aaa"); 取值：getAttribute("test") attributes["test"].nodeValue;Js中没有短横线-，直接连接首字母大写backgroundColorJs获取系统时间：new Date(); getYear()：年，只有两位getFullYear()：年，四位数的 getMonth()：月，值为0-11 getDate()：日 getDay()：星期 getHours()：小时 getMinutes()：分 getSeconds()：秒 getMiliseconds()：毫秒内容比较用==数组元素的拼接用join(“-”)Js中方法不写参数类型的，直接写变量名Document.getElementAttribute(“zhangxin”)：取属性值，前提是该属性在标签中显示的出现过Document.getElementById(“zhangxin”).value()：取属性值，实时更新的值Document.setElementAttribute(“zhangxin”,”baiyun”)：设置属性值innerHtml设置标签显示内容innerText设置标签内容，加入的标签标识会被认为内容，取出内容时也会取出标签标签名. InnerHtml：取得显示内容Document.getElementById(“zhangxin”).style.样式名:样式值：这种方法只能一对一的设置Is nan()：判断是否为一个数值This.checked：判断是否被选中，选中为TRUE，没选中为FALSEparentNode：查找父节点便签childNodes：从父级找到子级，返回子级集合nextNode找下一个兄弟，priviousNode找前一个兄弟，兼容性不太好表格属性和方法： Rows[]：得到集合 InsertRow()：参数为下标位置的整数，返回对象deleteRow()：参数为下标位置的整数表格行的属性和方法： Cells[]：返回所在行的所有列的集合 rowIndex()：行的下标 InsertCell()：参数为下标位置的整数，返回对象deleteCell()：参数为下标位置的整数计时器window.setInterval(要调用的方法名称，计时的时间间隔)：开启计时器每隔多少时间自动调用方法一次 产生了循环调用的效果window.clearInterval(计时器对象名)：关闭计时器延时器window.setTimeOut(要调用的方法名称, 延时多久)：开启延时器延迟多少时间后调用方法一次 没有循环效果window.cleartTimeout(延时器对象名)：关闭延时期正则表达式：简洁代码，严谨的验证 /…./：代表模式的开始和结束 ^：匹配字符的开始 $：匹配字符的结束 \s：任意空白字符 \S：任意非空字符 \d：匹配数字字符，等价于[0-9] \D：除了数字之外的任意字符，等价于[^0-9] \w：匹配一个数字、下划线或字母字符等价于[A-Za-z0-9¬_] \W：任意非空字符、等价于[^A-Za-z0-9_] .：除了换行符外的任意字符 {n}：匹配前一项n次 {n,}：匹配前一项n次或多次 {n,m}：匹配前一项至少n次，但不能超过m次 *：匹配前一项0次或多次，等价于{0,} +：匹配前一项一次或多次，等价于{1,} ?：匹配前一项0次或一次具体写正则表达式的时候不用写开始^和结束$[]中的内容我们自己定义，一个[]只能描述一个字符正则表达式的使用： 普通方式：var reg=/^表达式$/附加参数 构造函数：var reg=new RegExp(“表达式”); reg.test(要测试的字符串)，返回真假值禁用提交按钮： 禁用：document.getElementById(“sub”).setAttribute(“disabled”,”disabled”); 启用：document.getElementById(“sub”).removeAttribute(“disabled”); 被禁用的按钮即不可用又不可点击offsetLeft与style.left的区别： offsetLeft获取的是相对父级的左边距位置style.left获取的是相对设置的position定义为relative的左边距位置style.left 返回的是字符串、offsetLeft返回的是数值style.left是读写的，offsetLeft是只读的style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里、offseLeft则没有限制省市级联Js中的数组声明方式Var 数组名=new Array(size);Var 数组名=new Array(元素列表);Var 数组名=[元素1,元素2,元素3....];赋值方式数组名[index]=?;数组名[自定义的数组键]=值;select 对象和option对象的使用Select 对象事件：onchange当改变选项时调用事件方法：add ( 一个option对象)产生option对象的方式new Option(‘显示的值’,’value存的值’);属性：options[]：返回包含下拉列表中所有选项的一个数组 selectedIndex ：设置或返回下拉列表中备选项的下标length：数组长度事件处理：
、