HTML CSS JavaScript 技术大全.doc

HTML CSS JavaScript 技术大全链接路径的3种类型： 绝对路径：/index.html 文档相对路径：admin/index.html 站点根目录相对路径：/admin/index.html，其中第一个/表示根目录链接中的目标选择： _blank：在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变 _parent：在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集 _self：在当前窗口中打开链接，同时替换该框架中的内容 _top：在当前浏览器窗口中打开链接的文档，同时替换所有框架列表1. 无序列表 属 性标 签大写罗马字母小写罗马字母大写字母小写字母使用1以外的数字开始编号2. 有序列表锚记1. 链接到同一文档的各部分主题名称主题名称2. 链接到其他文档中的特定位置主题名称主题名称电子邮件链接框架 /水平切分为两个窗口，边框尺寸为10 /第一个水平窗口 /第二个水平窗口，它又纵向切分为左右两个窗口 说明：rows=92,*：表示将布面水平切分两行(窗口)，第一个窗口(即顶部窗口)高为92像素，”*”代表第二个窗口占据页面剩余高度。也可采用百分比，如 rows=”30%,20%,50%”，表示将窗框水平切分为三个窗口，其高度分别是页面窗口高度的30%、20和50。cols=134,*：表示将布面垂直切分两列(窗口)，第一个窗口的高度为134像素，第二个窗口占据剩余宽度。同理，也可采用百分比表示外部样式表1. 链接外部样式表2. 导入样式表import 样式表文件.css;使用外部JS文件：创建数组：var array=new Array(size);length属性：用于返回数组中元素的个数，返回值为整型方法方 法说 明Join将数组元素组合成字符串Pop删除数组中最后一个元素Push(value，)向数组的尾部添加元素Reverse将反转数组Shift()删除数组中第一个元素Sort对数组元素进行排序Unshift(vale，)在数组的头部插入数组元素在js中，没有多维数组的概念，但是js支持多维数组。也就是说，不能通过构造函数直接生成多维数组，如var score=new Array(10)(10)；是错误的。可以通过数组的元素是数组来模拟多维数组内置函数Eval函数：用于在不引用任何特定对象的情况下计算代码字符串的值isNaN函数：用于检验参数是否是一个数字。如果不是数字则返回true，若是数字则返回falseString字符串对象的方法和属性名 称说 明属性Length返回字符串的长度方法Big()增加字符串文本的大小Bold()粗体Fontcolor()确定字符的颜色Italics()斜体Small()减小文本的大小Strike()显示带删除线的文本Sub()下标Sup()上标toLowerCase()转换为小写toUpperCase()转换为大写charAt(index)返回位于指定索引位置的字符indexOf(searchtext ，startindex)确定一个字符串是否包含在另一个中。它返回一个数值，表示searchtext在主字符串中起始位置的索引值。假如searchtext不在主字符串中，将返回-1。Startindex参数用于设置从第几个字符开始查找Substring(index1，index2)返回位于指定索引index1和index2之间的字符串Substr(start ，length)从主字符串的start位置开始提取字符，length为提取的字符长度，或不设置第二个参数，则提取到字符串的末尾fromCharCode()把字符编码(Unicode值)转换为对应的字符charCodeAt(index)返回一个整数，该整数表示字符串对象中指定位置处的字符的Unicode编码Replace(search，replace)将search换成replace并返回结果Math对象的方法和属性名 称说 明属性PI表示PI的值，约等于3.1415LN1010的自然对数的值，约等于2.302EEuler的常量的值，约等于2.718。Euler的常量用作自然对数的底数方法Abs(y)返回y的绝对值Sin(y)返回y的正弦，以弧度为单位Cos(y)返回y的余弦，以弧度为单位Random()返回01的随机数Tan(y)返回y的正切，以弧度为单位Min(x，y)返回x和y两个数中较小的数Max(x，y)返回x和y两个数中较大的数Round(y)将参数舍入一最接近的整数Sqrt(y)返回y的平方根Ceil(y)返回大于或等于y的最近的整数Floor(y)返回小于或等于y的最近的整数Date对象使用to分组的方法方 法说 明toGMTString使用格林尼治标准时间(GMT)数据格式化惯例Date对象转换成字符串格式toLocaleString使用当地时间惯例将Date对象转换成字符串格式Parse方法和UTC方法方 法说 明Date.parse(date string)用日期字符串表示自1970年1月1日以来的毫秒数Date.UTC(year，month，day，hours，min，secs)Date对象中自1970年1月1日以来的毫秒数navigator对象1. 属性名 称说 明appCodeName反映用字符串表示的当前浏览器的代码名称。对于Navigator的所有版本，这个值都是MozillaappName保存浏览器名称appVersion浏览器的版本号cookieEnabled返回用户浏览器是否启用了cookiecpuClass返回用户计算机的cpu的型号language浏览器支持的语言oscpu浏览器正在运行的操作系统，其中有可能有cpu的信息platform浏览器正在运行的操作平台plugins安装在浏览器上的所有插件的数组product浏览器的产品名productSub关于浏览器更多的信息securityPolicy浏览器支持的加密类型systemLanguage用户操作系统支持的默认语言userAgent包含以下属性中所有或一部分的字符串：appCodeName、appName、appVersion、language、platformuserLanguage用户在自己系统上设置的语言userProfile返回一个UserProfile对象，它存储用户的个人信息Vender浏览器厂商的名称vendorSub关于浏览器厂商的更多的信息Window对象1. 属性名 称说 明closed判断一个窗口是否关闭，返回truedefaultStatus状态栏的默认信息Document表示浏览器窗口中的HTML文档History包含有关客户访问过的URL的信息Location包含有关当前URL的信息Name设置或检索窗口或框架的名称opener 获得父窗口Screen包含有关客户的屏幕和显示性能的信息Status状态栏当前信息Frames表示当前窗口中所有frame对象的集合Length窗口或框架包含的框架个数Name用于存放窗口的名字Top表示最顶层的浏览器窗口Parent表示包含当前窗口的父窗口Opener表示打开当前窗口的父窗口Self表示当前窗口2. 方法名 称说 明alert(提示信息)弹出包含应用程序定义消息的对话框Blur()失去焦点confirm(提示信息)弹出确认框，包含确定取消按钮clearTimeout()取消某个定时器Close()关闭当前浏览器或HTML应用程序(HTA)Focus()获得焦点moveTo(x，y)将窗口移动到一个绝对位置moveBy(offsetx，offsety)将窗口移动到指定的位移量处open(URL，窗口名，窗口特征)打开新窗口并装入给定URL的文档及显示风格Prompt(提示信息，默认值)弹出输入框，确定返回输入的字符串，取消返回空字符串resizeBy(offsetx，offsety)按照指定的位移量设置窗口的大小resizeTo(x，y)设置窗口的大小scrollTo(x，y)把窗口滚动到指定的x，y坐标指定的位置scrollBy(offsetx，offsety)按照指定的位移量滚动窗口setTimeout()设置定时器：经过指定毫秒值后执行某个函数showModalDialog()在一个模式窗口中显示指定的HTML文档Screen对象属性名 称说 明availHeight返回窗口内容区的垂直尺寸，以像素为单位availWidth返回窗口内容区的水平尺寸，以像素为单位Height用户整个屏幕的垂直尺寸，以像素为单位Width用户整个屏幕的水平尺寸，以像素为单位colorDepth返回当前颜色设置所用的位数pixelDepth显示器的每个像素的位数Document对象1. 属性名 称说 明alinkColor设置或检索文档中所有活动链接的颜色anchors,applets,forms,images,frames这些属性是用来存放对象的数组。所有的超链接都放在anchors数组中，其他依次是，Java Applet,forms图像，框架利用数组可以访问对象如：document.forms0，引用第一个表单对象bgColor设置或检索Document对象的背景色Body指定文档正文的开始和结束cookie返回或设置cookiedomain返回或设置文档的默认域名embeds返回文档中所有嵌入对象组成的数组fgColor网页前景颜色lastModified返回文档最后一次的修改日期linkColor设置或检索文档链接的颜色links返回文档中所有链接组成的数组Location包含关于当前URL的信息referrer返回用户访问当前页面来源页面的地址Title包含文档的标题url设置或检索当前文档的URLvlinkColor设置或检索用户访问过的链接的颜色2. 方法名 称说 明Clear()清除当前文档Close()关闭输出流并强制显示发送的数据getElementByID(ID名称)根据HTML元素的ID名称， HTML元素Write()将文本写入文档History对象1. 属性名 称说 明Current当前文档的URLLength历史列表的长度，用于判断列表中的入口数目Next历史列表的下一个URLPrevious历史列表的前一个URL2. 方法名 称说 明Back()加载history列表中的上一个URLForward()加载history列表中的下一个URLGo(url or number)加载history列表中的URL，或要求浏览器移动指定的页面数Location对象1. 属性名 称说 明hash表示书签名，即从#开始到书签结束的部分Host设置或检索位置或URL的主机名和端口号Hostname设置或检索位置或URL的主机名部分Href设置或检索完整的URL字符串pathname表示当前URL的路径名port表示当前URL的通信端口号protocol表示当前URL的协议部分，例如http、ftp等search表示查询书签名，即从?开始到查询参数结束的部分2. 方法名 称说 明Assign(url)加载URL指定的新的HTML文档Reload()重新加载当前页Replace(url)通过加载URL指定的文档来替换当前文档event对象的属性属 性 描 述说 明触发事件的元素srcElement事件类型type元素的x坐标/y坐标offsetX + offsetY定位元素的x坐标/y坐标X + Y窗口的x坐标/y坐标clientX + clientY屏幕的x坐标/y坐标screenX + screenY鼠标按键Button键盘按键keyCode按下shift键shiftKey按下alt键altKey按下ctrl键ctrlKey上一级元素fromElement下一级元素toElement下拉列表框(组合框)事件onBlur下拉列表框失去焦点onChange当选项发生改变时发生onFocus下拉列表框获得焦点属性Length返回下拉菜单中的选项个数Options所有的选项组成一个数组，options表示整个选项数组selectedIndex返回被选择的选项的索引号Value下拉列表框中，被选选项的值方法Add(new，old)将新的option对象插入到option对象old前面，如果old为空，那么直接插入到末尾使用with()语句简化对象访问With(document) Write(hello);JavaScript：既是一种描述语言，也是一种基于对象(Object)和事件驱动(Event Driven)，并具有安全性能的脚本语言。由于js应用程序都要下载到浏览器的客户端执行，从而减轻服务器端的负担学习JS的两点原因：1. 表单验证 2. 页面动态效果DOMDocument Object Model，它是W3C国际组织的一套Web标准，它定义了HTML文档对象的一套属性、方法和事件。它是以层次结构组织的节点或信息片断的集合DOM对象模型浏览器对象是一个分层结构，也称为文档对象模型窗口特征属性名 称说 明Height高度Width宽度Toolbar工具条Scrollbars滚动条Menubar菜单栏Location地址栏Status状态栏resizable是否允许改变窗口的大小fullscreen是否全屏幕显示direction更新信息的按钮directories链接栏alwaysLowered指定窗口隐藏在所有窗口之后alwaysRaised指定窗口浮在所有窗口之上dependent指定打开的窗口为当前窗口的一个子窗口，并随着父窗口的关闭而关闭hotkeys在没有菜单栏的新窗口中设置安全退出的热键，选项的值及含义与toolbar相同innerHeight和innerWidth设定窗口中文档的像素高度和宽度screenX和screenY设置窗口距离屏幕左边界和上边界的像素长度titleBar标题栏z-look指明当窗口被激活时，不能浮在其他窗口之上调用模式窗口，需要定义一个就是来获得返回值，使用window.returnValue返回参数(1) document.getElementsByName(name)用于获取一个页面中包含所有指定name元素的对象数组(2) document.getElementById(id)用于获取对象(3) document.getElementsByTagName(tagname)用于获取一个页面中包含所有指定标签名元素的对象数组常用的组合属性样式名 称说 明不带下划线的超链接样式Acolor:blue; text-decoration:none;A:hovercolor:red;细边框样式.boxBorderborder-width:1px; border-style:solid;图片按钮样式.picButtonbackground-image:url(img.jpg);border:0px;margin:0px;padding:0px;height:23px;width:82px;font-size:14px;使用className属性给按钮动态设置类样式：onMouseOver=this.className=mouseOverStyleDisplay属性的语法格式：Object.style.display=value其中，Object指HTML文档中的页面元素，style为每个元素的样式属性，display表示页面元素以何种方式显示属性。Value常用取值参 数 值说 明Block默认值。按块显示，换行显示，用该值为对象之后添加新行None不显示，隐藏对象Inline按行显示，和其他元素在同一行显示(1) display指定区域是否在浏览器中显示。设置为display:none的对象根本就不会显示，在页面中仿佛没有该对象一样(2) visibility指定区域是否可见。设置为visibility:hidden的对象仍占据着布面的空间，只是该空间看上去是空的document.getElementById(层名).style.display=value;document.getElementsByName(层名) 0.style.display=none;from对象的常用属性如下： name：from对象的名字 method：用于定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和post action：用来定义表单处理程序的目标地址(相对地址或绝对地址，一般为相对地址) target：设置表单提交后，显示处理结果的窗口 length：表单中表单元素的个数 elements：包含表单中所有表单元素的数组使用表单或表单数组中的索引来使用，如document.formsi.elementsi中的formsi就是表单数组，elementsi就是表单元素数组提交submit()方法：由于submit()方法属于form对象中的方法，所以可通过document对象来访问页面中的表单，然后通过表单来调用submit()方法，从面实现提交功能。document.myform.submit();Forin循环的语法格式如下：For(variable in object)code to be executed;其中，variable是一个对象类型的变量，用于存储循环过程中对象的下一个元素；Object是对象的名称正则表达式的常用字符类字 符 类匹 配位于中括号内的任意字符除括号内字符之外的任意字符.除换行符和其他Unicode行终止符之外的任意字符w任何ASCII单字字符，可以是 a-zA-Z0-9 之内的任意字符W任何ASCII非单字字符，必须是除 a-zA-Z0-9 之内任意字符以外的字符s任何Unicode空白符S任何非Unicode空白符d任何ASCII数字，可以是0-9的任意数字D除了ASCII数字之外的任何字符b退格直接量正则表达式的常用重复字符及其描述字 符匹 配n,m匹配前一项至少n次，但不能超过m次n,匹配前一项n次，或更多次n匹配前一项恰好n次?匹配前一项0次到1次+匹配前一项1次到多次*匹配前一项0次到多次 注意：在JavaScript中调用正则表达式时，正则表达式以正斜线 / 开头和结尾ASCII码当查询数值为十六进制,且在0-20之间.或者查询数值为十进制,且在0-32之间那么他所对应的字符为控制字符那么什么又是控制字符? 所谓控制字符就是用来代表由计算机向硬件(包括电报机、打字机、调制解调器(Modem)等)发出动作的信号，最常用的例如：NUL零空VT 垂直制表SYN 空转同步SOH标题开始FF 走纸控制ETB 信息组传送结束STX正文开始CR 回车CAN 作废ETX正文结束SO 移位输出EM纸尽EOY传输结束SI 移位输入SUB 换置ENQ询问字符DLE空格 ESC 换码ACK承认DC1设备控制1 FS文字分隔符BEL报警DC2设备控制2 GS组分隔符BS 退格 DC3设备控制3 RS记录分隔符HT 横向列表 DC4设备控制4 US单元分隔符键盘按键对应的ASCII码ESCVK_ESCAPE(27)回车VK_RETURN(13)TABVK_TAB(9)CapsLockVK_CAPITAL(20)退格VK_BACK(8)左徽标VK_LWIN(91)右徽标VK_LWIN(92)鼠标右键VK_APPS(93)InsertVK_Insert(45)HomeVK_HOME(36)PageUpVK_PRIOR(33)PageDownVK_NEXT(34)EndVK_END(35) DeleteVK_Delete(46)方向键()VK_LEFT(37)方向键()VK_UP(38)方向键()VK_RIGHT(39)方向键()VK_DOWN(40)F1VK_F1(112)F2VK_F2(113)F3VK_F3(114)F4VK_F4(115)F5VK_F5(116)F6VK_F6(117)F7VK_F7(118)F8VK_F8(119)F9VK_F9(120)F10VK_F10(121)F11VK_F11(122)F12VK_F12(123)NumLockVK_NUMLOCK(144)小键盘0VK_NUMPAD0(96)小键盘1VK_NUMPAD0(97)小键盘2VK_NUMPAD0(98)小键盘3VK_NUMPAD0(99)小键盘4VK_NUMPAD0(100)小键盘5VK_NUMPAD0(101)小键盘6VK_NUMPAD0(102)小键盘7VK_NUMPAD0(103)小键盘8VK_NUMPAD0(104)小键盘9VK_NUMPAD0(105)小键盘.VK_DECIMAL(110)小键盘*VK_MULTIPLY(106)小键盘+VK_MULTIPLY(107)小键盘-VK_SUBTRACT(109)小键盘/VK_DIVIDE(111)PauseBreakVK_PAUSE(19)ScrollLockVK_SCROLL (145)Javascript鼠标事件一般事件onClick 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick鼠标双击事件onMouseDown鼠标上的按钮被按下了onMouseUp鼠标按下后，松开时激发的事件onMouseOver当鼠标移动到某对象范围的上方时触发的事件onMouseMove鼠标移动时触发的事件onMouseOut当鼠标离开某对象范围时触发的事件onKeyPress当键盘上的某个键被按下并且释放时触发的事件.注意:页面内必须有被聚焦的对象onKeyDown当键盘上某个按键被按下时触发的事件注意:页面内必须有被聚焦的对象onKeyUp当键盘上某个按键被按放开时触发的事件注意:页面内必须有被聚焦的对象页面相关事件onAbort图片在下载时被用户中断onBeforeUnload当前页面的内容将要被改变时触发的事件onError捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误onLoad页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成onMove浏览器的窗口被移动时触发的事件onResize当浏览器的窗口大小被改变时触发的事件onScroll浏览器的滚动条位置发生变化时触发的事件onStop浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断onUnload当前页面将被改变时触发的事件表单相关事件onBlur当前元素失去焦点时触发的事件 鼠标与键盘的触发均可onChange当前元素失去焦点并且元素的内容发生改变而触发的事件 鼠标与键盘的触发均可onFocus当某个元素获得焦点时触发的事件onReset当表单中RESET的属性被激发时触发的事件onSubmit一个表单被递交时触发的事件滚动字幕事件onBounce在Marquee内的内容移动至Marquee显示范围之外时触发的事件onFinish当Marquee元素完成需要显示的内容后触发的事件onStart当Marquee元素开始显示内容时触发的事件编辑事件onBeforeCopy当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件onBeforeCut当页面中的一部分或者全部的内容将被移离当前页面剪贴并移动到浏览者的系统剪贴板时触发的事件onBeforeEditFocus当前元素将要进入编辑状态onBeforePaste内容将要从浏览者的系统剪