JavaScript小结
来源:互联网 发布:cam360软件 编辑:程序博客网 时间:2024/05/22 00:09
一、Javascript介绍 1.客户端技术,前段技术.提高页面的交互能力和java没关系,java是服务端技术 2.javascript存放的位置有三种:(1).放在<script></script>标签中,而这个标签可以放在html文件中的任何位置<script language="javascript"> alert("helloworld!");</script>(2).引用到页面中 <script language="javascript" src="js/test_js"> </script>(3).将脚本直接放到html中作为属性值:二、基本语法 javascript是一门弱类型的语言 1.定义数组和变量,所有的变量都是以var来定义,建议先定义后使用,区分大小写 var testname="me"; var testArray=new Array(3); 2.控制语句(1).for…… in…… 如:<script> a=new Array(1,2,3,4,5); for(i in a){ //i表示数组a 的下标值 document.write(a[i] + "<br>") } </script>(2)、with……如:<script language="javascript"> with(document){ write(1); write(1); write(1); } } </script> 3.数组Array数组对象,主要属性有 (1).Array.join("#"),数组的每个元素都连接”#“ (2).Array.reverse();将数组倒置 (3).Array.sort();数组排序 4.函数 (1)利用function来定义一个函数 (2).系统函数 (a).//eval(str),其中str是需要运算的字符串,如:结果 s=3,可以代替switch的语句Value1=1,value2=2eval("var s = " + value1 + flag + value2); (b).parseInt()将字符串转换为整型 (3)事件处理: onFocus: //用户为了输入而选择select、text、textarea等 onBlur: //text失去焦点时onChange: //文本框的值改变且失去焦点时onClick: //鼠标点击时onload: //页面加载时onUnload: //当用户退出页面时onMouseOver: //鼠标移动到一个对象上时onMOUseOut: //鼠标从一个对象上移开时onSelect: //当form对象中的内容被选中时如text中的文字被选中时onSubmit: //出现在用户通过提交按钮提交一个表单时,(重点)如:onSubmit="return true",true时可以提交表单,如果为false时,不可以提交表单三、javascript的对话框 1.//警告框: alert(ok); 2.//询问框:prompt:接受用户输入数据,如: var username = prompt("请输入你的名字"); document.write("你好!" + username); 3.//确认框:根据不同的选择,返回True或false,如:<from name="test" action="test.jsp" method="post"> <input type="button" value="删除文件" onclick="javaScript:confirmit()" name="confirm"></form> <script> function(){ if(confirm("你确定要删除此文件嘛?")){ document.test.submit(); } } </script> 如果点击同意则删除文件四、javascript的内置对象1.//this表示当前的对象如:返回image的路径,this就是表示img对象 <img src="test.jpg" onclick="javaScript:alert(this.src);">2.//String对象Var s1= HelloWorld;S1.charAt(4) //显示s1第四个字符S1.indexof(0) //得到O在第几个位置S1.substring(3,5) //从第三格字符开始取五个字符S1.split(",");<script language="javascript"> var s1 ="a,b,c,d,e"; var s2=s1.split(","); for(var i=0;i<s2.length;i++){ alert(s2[i]); }</script>Math.round(); //取得最近整数Math.random();取随机数alert(Math.round(10.3)),弹出105.窗口中的元素和对象如:<script language="javascript"> (1).windows.status="hello,please look here!"//显示在页面的状态栏上//下面表示在窗口上弹出一个新的页面,可以设置大小,就是一般的网页广告, (2)window.open("",) //通过按钮来控制关闭另一个窗口 (3) var newPage=window.open("test.html"); <input type="button" onclick="javascript:newPage.close();" value="关闭">//弹出url地址,下面两者相同(4).alert(window.location);alert(document.location);//转向另一个网页 (5). function goToNewPage(){ window.location="newPage.html";}//返回访问过的网页function goBack(){ history.back();}五、DOM(Document object model)编程,HTML是一个w3c的标准,是HTML的文本对象模型1.//如document (1).//通过控件的id获得控件值,一般都是通过这种方式,在javascript中应用 document.getElementById("id").value; (2).//通过控件的name获得控件值,是通过数组的形式访问 document.getElementByName("name")[0].value; (3).//servlet获得控件的值通过name获得 request.getParameter("name"); (4).//在页面</span>标签上显示结果:”你好“Document.getElementById("test").value.innerHTML("<font color='red'>" + "你好" + "</font>")2.form,Iframe,input button,area,body,frame,等。六.调试:1.IE-工具-internet选项-去掉禁用脚本调试和显示每个脚本错误的通知2.打印:alert和document.write()3.删除ie缓存--Internet选项--常规--删除--删除internet临时文件4.alert弹出窗口,证明执行到哪一步了5.删一段,修改一段
- javascript小结
- javascript小结
- javascript小结
- javascript小结
- JavaScript小结
- Javascript小结
- javascript 小结
- javascript小结
- javascript 小结
- Javascript小结
- JavaScript小结
- javaScript小结
- JavaScript小结
- javaScript小结
- JavaScript 小结
- JavaScript小结
- javascript小结
- JavaScript小结
- CAS单点登录(SSO)完整教程(2011-11-18更新)
- [js][内存泄露][内存回收][内存释放]avascript的内存释放实验
- 智能信息处理大学生科技实践与创新(3I)工作室
- 浏览器中的内存泄露(4)
- 程序员常去的网站
- JavaScript小结
- Full width at half maximum
- com.microsoft.sqlserver.jdbc.SQLServerException: socket closed
- 链栈类
- 【100题】第十三题(输出倒数第k个节点)
- 计算机网络-----名词解释
- Android基础笔记---Sundy篇
- 堆和栈的区别
- 百度地图API入门——(2)第二个超简单应用:Hello, World!