一、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=2
eval("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="删除文件" οnclick="javaScript:confirmit()" name="confirm">
</form>
<script>
function(){
if(confirm("你确定要删除此文件嘛?")){
document.test.submit();
}
}
</script>
如果点击同意则删除文件
四、javascript的内置对象
1.//this表示当前的对象如:返回image的路径,this就是表示img对象
<img src="test.jpg" οnclick="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)),弹出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" οnclick="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.删一段,修改一段