javascript简介
1.简介
JavaScript(Java脚本)是一种基于对象(Object)和事件驱动( Event Driven)并具有安全性能的脚本语言,使用JavaScript可以轻松的实现与HTML的互操作,并且完成丰富的页面交互效果,它是通过嵌入或调入在标准的HTML语言中实现的,它的出现弥补了HTML的缺陷,是java与HTML折衷的选择。
基于对象:
指的是程序的内部已经为用户提供好了若干个对象,用户直接使用这些对象即可。
面向对象:
java属于面向对象的语言,面向对象是指用户自己定义类,对象需要用户自己产生。
java与JavaScript的关系:
没有半毛钱关系。hahah.....
2.javaScript使用
只需要编写script元素即可。
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript">
alert("Hello World!!!");
</script>
</head>
<body>
<script type="text/javascript">
alert("check!!");
</script>
</body>
</html>
javaScript的代码都是顺序执行的。
如果希望控制在页面中显示:
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript">
document.write("<h1>hello world</h1>");
</script>
</head>
<body>
</body>
</html>
如果所有的代码都在HTML中编写,那么JavaScrip会过长。一般在开发中使用*.js文件保存javaScript代码,用的时候导入即可。
hello.js内容:document.write("<h1>hello world</h1>");
<script type="text/javascript" src="hello.js">
</script>
2.1 变量的使用
使用var定义一个javaScript变量,变量的具体类型由所赋的内容来决定。
<script type="text/javascript">
var num = 10;
var str = "devin";
alert("整型:" +num + ",字符串:" + str);
</script>
当然,不使用var关键字也可以:
<script type="text/javascript">
num = 10;
str = "devin";
alert("整型:" +num + ",字符串:" + str);
</script>
2.2 顺序、分支、循环
<script type="text/javascript">
str = "devin";
if( str == "devin"){
alert("内容符合!");
}else{
alert("内容不符!");
}
</script>
在java中,双等号==是不能判断字符串相等的,而在javaScript中没有此限制。
<script type="text/javascript">
document.write("<table border = \"1\">");
for(i = 1; i <= 9; i++){
document.write("<tr>");
for(j=1; j<=9; j++){
if(j<=i){
document.write("<td>"+i + "*" + j + "=" +i*j+"</td>");
}else{
document.write("<td> </td>");
}
}
document.write("</tr>");
}
document.write("</table>");
</script>
2.3 函数
javaScript中所有的函数都是function关键字定义的。
function 函数名(参数列表){
[return 返回值]
}
<script type="text/javascript">
function fun(){
var arr = new Array(3);
for(i=0; i<arr.length; i++){
arr[i]=i
}
var str = "数组内容:";
for(i=0; i<arr.length; i++){
str+=arr[i]+"、";
}
return str;
}
alert(fun());
</script>
javaScript中所有的数组是通过Array完成操作的。以上操作中为数组的动态初始化,静态初始化如下:
<script type="text/javascript">
function fun(){
var arr = new Array("You","And","Me");
var str = "数组内容:";
for(i = 0; i<arr.length; i++){
str += arr[i] + "、";
}
return str;
}
alert(fun());
</script>
函数中有参数列表的情况如下:
<script type="text/javascript">
function add(a,b,c){
return a+b+c;
}
alert(add(1,2,3));
</script>