- 一、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){
- 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).
- Value1=1,value2=2
- eval("var s = " + value1 + flag + value2);
- (b).parseInt()将字符串转换为整型
-
- (3)事件处理:
- onFocus:
- onBlur:
- onChange:
- onClick:
- onload:
- onUnload:
- onMouseOver:
- onMOUseOut:
- onSelect:
- onSubmit:
- 如:onSubmit="return true",true时可以提交表单,如果为false时,不可以提交表单
- 三、javascript的对话框
- 1.
- alert(ok);
- 2.
- var username = prompt("请输入你的名字");
- document.write("你好!" + username);
- 3.
- <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.
- <img src="test.jpg" onclick="javaScript:alert(this.src);">
- 2.
- Var s1= HelloWorld;
- S1.charAt(4)
- S1.indexof(0)
- 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)),弹出10
-
- 5.窗口中的元素和对象
- 如:<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="关闭">
-
- (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.
- (1).
- document.getElementById("id").value;
- (2).
- document.getElementByName("name")[0].value;
- (3).
- request.getParameter("name");
- (4).
- 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.删一段,修改一段
posted @
2011-12-29 11:23
Alina_Kung
阅读(
167)
评论()
编辑
收藏
举报