欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript学习总结(1)  

程序员文章站 2022-05-06 18:50:21
...

JavaScript是由NetScape发明的;语法和Java非常类似;但是注意的一点是:Java和JavaScript没有任何关系。

HTML使用小技巧:

如果想要输出一个空的表格,则需要<td>&nbsp</td>


一、使用JavaScript


如果要在HTML中引入JavaScript,则有两种方式:

(1)内部引入:JS代码直接在HTML中编写;

导入的结构如下:


(2)外部引入:JS代码在外部编写后导入到HTML中;


二、JavaScript语法

1.跳出提示框 alert


在JavaScript中,使用的最多的就是alert,此语句会使得浏览器弹出一个提示框;

alert("Hello world!!!" );就能弹出一个Hello world!!!的提示框;



2.页面输出内容 document.write()


此语句也是非常常用的,可以直接向页面输出内容;比如:

document.write("<h3>Hello world!!!</h3>"); 就可以在页面中显示Hello world!!!

此语句和JSP中的out.println()非常类似;




3.定义变量 var


这个特性和python是很类似的,Java中,有许多特定的数据类型,但是在JS中,只需要将任何类型的值赋予var即可;

例如:

(1)var num1 = 5; num1的类型就是整数;

(2)var str1 = "Hello world!!!"; str1的类型就是字符串;



4.字符串比较


在JavaScript中,比较字符串是否相等只需要通过==即可;而不需要equals();


5.函数声明


在JavaScript中,函数声明非常简单,形式如下:

function(参数...){

[返回值;]

}

注意:

(1)参数也不能声明类型,只需要写明参数的名称即可;

(2)函数声明并看不出是否有返回值,在实现中,如果有返回值,则return;


6.数组 Array


这里的数组也是没有类型的;只需要var arr = new Array(...);即可;数组的初始化有两种方式:

(1)静态初始化:var arr = new Array("1","2","3"); 直接赋值;

(2)动态初始化:var arr = new Array(length); 只声明长度;后来在赋值;

如果是动态初始化,一开始数组的元素内容是“undefined”;

输出数组内容:注意:arr.length返回数组长度;

for(i=0;i<arr.length;i++){

arr[i] ....

}


三、JavaScript事件


JavaScript的事件增加了动态效果,并且一般来说,触发事件后,都会调用某个函数,以完成功能;

1.body包含的事件


(1)onLoad:打开网页时调用;
(2)onUnLoad:关闭网页时调用;


2.表单提交事件 onSubmit


当点击表单的submit按钮时,就会除触发onSubmit事件,并调用某函数,通常此事件用于验证操作;

补充:

在JavaScript中获得表单控件的值:可以通过层层递进的方式获得;

比如:


(1)获得文本控件的值:document.f.name.value即可获得;

(2)获得单选按钮中的“男”按钮的值:document.f.radiobutton[0].value;

(3)获得单选按钮中的“女”按钮的值:document.f.radiobutton[1].value;


3.单击事件 onClick


当单击某个控件,则触发该事件;

(1)在<a href>中触发onClick;

(2)在button中触发onClick;


4.下拉列表事件 onChange


此事件在下拉列表的值改变时触发;


四、JavaScript中的正则表达式


在JavaScript中也支持正则,但是使用语法与Java稍微不同;

/正则/.test(字符串);

比如email的验证:

/^\w+@\w+.\w+$/.test(value);


以上完成了一个简单的验证操作;注意:

观察onSubmit事件,如果需要让返回值有用,需要return;