JS串讲.doc

1. throw是抛出异常throws预计这段代码会抛出xx异常，但是我这里不处理，留给调用这个方法的地方去处理public static void amethod() throws nullpointerexceptionpublic static void main(string args)tryamethod(); catch(exception e)/.try /. catch() /. throw new accpexception(出现了xx异常);public class accpexception extends exceptionpublic accpexception(string exceptioninfo)system.out.println(execptioninfo);tryfinallytrycatch()finally2.demo|-src|-webroot |-admin |-home |-images |-meta-inf |-web-inf |-classes |-lib |-web.xml3.css中z-index属性表示层的叠放次序，值越大越在上面，z-index属性必须在postion:absolute的时候才有效果。4.java中substring(int startindex, int endindex)方法中startindex从0开始，endindex从1开始javascript中substring(startindex, endindex)方法中都是从0开始数起，但是不包括endindex所在位置的字符。5.jsp文件运行过程包括 a.翻译期：将jsp文件翻译成为java文件 b.编译期：将java文件编译成为class文件 c.执行期：执行class文件javascript1.javascript语法以及window，document对象2.css3.表单验证以及级联下拉框和数组1.javascript语法 var i = 0; function method() 2.window对象 window对象表示浏览器窗口对象 window |-status : 状态栏对象 |-screen : 显示器 |-history : 浏览历史对象 |-location: 地址栏 |-document: 显示内容文档对象out.print(alert(1);window.location.href=url;); window.status = 欢迎你！; 修改浏览器的状态栏数据 alert(window.screen.width) history |- back() : 前一页 |- forward() : 后一页 |- go() : 参数为-1表示前一页，参数为1表示后一页 比如返回上一页的连接返回 返回 location |- href : 设置或者获取location的url，一般来说href属性可以省略 比如要跳转到index.jsp页面 返回首页 在项目中经常进行了一个操作以后希望弹出对话框来告诉你是否操作成功 out.print(alert(操作成功!);window.location=index.jsp;); window对象的常用方法： a. open() : 打开一个新的窗体. b. close() : 关闭窗体. c. alert() : 弹出对话框 d. confirm() : 弹出确认对话框 e. showmoldedialog() : 打开一个模式窗口. f. settimeout() : 过多长时间之后执行方法。 settimeout(method(), 1000) 1000毫秒之后执行method()方法，只执行一次 g. setinterval() : 间隔多长时间执行方法。 setinterval(method(), 1000) 每隔1000毫秒之后执行method()方法，重复执行 h. cleartimeout() : 暂停settimetout()方法的执行 var time = settimeout(method(), 1000); cleartimeout(time)暂停settimetou的执行 i. clearinterval() : 暂停setinterval()方法的执行 j. onload() : 窗体加载事件 k. onscroll() : 滚动条滚动事件 在做浮动广告的时候用到。3. document对象 document对象表示浏览器中间显示区域文档的对象,可以通俗的认为document对象就是对应于标签 document对象的常用方法: getelementbyid() : 根据页面元素的id属性得到该元素 getelementsbyname() : 根据页面元素的name属性得到所有name属性为该值的元素数组 getelementsbytagname() : 根据页面元素的标签类型得到页面上所有该标签的元素数组 漂浮广告中，如果要得到漂浮广告的top值 document.getelementbyid(div1).style.pixeltop document.getelementbyid(div1).style.pixeltop += document.body.scrolltop;4. css css分为三种：行内样式表，内嵌样式表，外部样式表。 行内样式表：设置元素的style属性 内嵌样式表：/* css代码 */ 外部样式表： !import *.css a. 文字属性：doucment.getelementbyid(txt).style.fontsizefont-size : fontsizebackground-image : backgroundimage font-size: 文字大小 font-family: 文字字体 color: 文字颜色 font-weight: 字体的样式，比如粗体 text-decoration: 字体的下划线样式 text-align: 设置文字的排版位置 b.图片相关属性 background: 设置背景图片,也可以设置背景颜色 background-image: 设置背景图片 background-color: 设置背景颜色 background-repeat: 设置图片的平铺样式 c.边框属性： border-width: 边框大小，有多粗 border-color: 边框颜色 border-style: 边框的样式，比如实线，虚线。 border-left,border-right, border-top, border-bottom border-left-color. border: 1px solid red; /设置边框为1px大小，实线，红色 border-left: 1px solid green; /设置左边框为1px大小，实线，绿色 d.伪类 a:hover : 鼠标悬停 a:link : 链接本身的样式 a:visited : 已访问的链接的样式 (鼠标点下去又放开了) a:active : 已经被激活的链接的样式 (鼠标点下去了) e.布局 盒子模型 margin : 是设置该属性的元素与前一个元素的间距。 padding : 是设置该属性的元素与该元素内部内容的间距。 5.表单验证 a. 表单： . . 表单的提交是由submit按钮来进行，提交的位置由form标签的action属性来设置，提交的方式由form标签的method属性来控制 * action属性如果为空，提交到本页；method属性的值如果不设置默认为get。 method属性的值中，post方式比get方式安全，因为post方式提交，表单内容不会显示在url后面，而get方式提交，表单内容会在url后面显示出来；post方式提交的内容没有限制，get方式提交的内容最多为255个字符。 form标签由一个onsubmit方法，是在提交(包括点击submit按钮提交和通过form.submit()代码显示提交)的时候触发。6.层的隐藏和显示 document.getelementbyid(div1).style.display = none; /隐藏 document.getelementbyid(div1).style.display = ; /显示 document.getelementbyid(div1).style.display = block; /另起一行显示 document.getelementbyid(div1).style.display = inline; /同一行显示 innertext: 表示最终在页面上显示的内容。 innerhtml: 表示该标签下面的html代码。 outertext: 在innettext基础上加上上一层标签 outerhtml: 在innerhtml基础上加上上一层标签 哈哈哈 var div2 = document.getelementbyid(div2); div2.innertext : 哈哈哈 div2.innerhtml : 哈哈哈 div2.outertext : 哈哈哈 div2.outerhtml : 哈哈哈7. 级联下拉框和数组 清空select的下拉框的代码: document.getelementbyid(select).options.length = 0; 数组: javascript 中没有多维数组,申明数组的方式是： var ars = new array(5); /数组大小为整数，必须填写 ars0 = accp; arss2 = java, js, jsp, sql advce, c#; alert(ars0) - accp alert(arss20) - java for . in 循环 arss2 = java, js, jsp, sql advce, c#; for(var j in arss2)alert(arss2j); 8. 字符串和日期 string的常用方法: 课本p126 a. substring(startindex, endindex) : 截取字符串，startindex从0开始，endindex从0开始，但是截取结果不要endindex所在的字符。 12345.substring(2,4) - 34 b. substr(startindex, length) : 截取字符串，startindex从0开始，截取length长度的字符 12345.substr(1,2) - 23 c. indexof(substring) : 找出第一个子字符串中第一个字符所在的位置，如果没有找到，返回-1，如果找到，位置是从0开始 12345.indexof(34) - 2 1234512345.indexof(34) - 2 12345.indexof(3456) - -1 12345.indexof(67) - -1 d. lastindexof(substring) : 从后往前找出第一个子字符串中第一个字符所在的位置，如果没有找到，返回-1，如果找到，位置是从0开始 12345.lastindexof(34) - 2 1234512345.lastindexof(34) - 7 12345.lastindexof(3456) - -1 12345.lastindexof(67) - -1 e. charat(index) : 找出位置在index的字符，从0开始找起 accp.charat(3) - p 12345.charat(3) - 4 f. tolowercase() : 转换为小写 g. touppercase() : 转换为大写 h. split(operstr) : 将字符串按照operstr这个子字符串来分割为数组 i am a student.split( ) - i, am, a, student date的常用方法： 课本p45 a. gethours() : 获得小时 b. getmi