博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript学习总结
阅读量:5096 次
发布时间:2019-06-13

本文共 3093 字,大约阅读时间需要 10 分钟。

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

JavaScript中有许多内置对象,不需要用户创建;

HTML使用小技巧:

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

(2)在Editplus中支持快速浏览制作的网页,快捷键是CTRL+B;

一、使用JavaScript

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

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

导入的结构如下:

一般JS代码都放在head标签中;

(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中获得表单控件的值:可以通过层层递进的方式获得;

document是文档的根节点;

比如:

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

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

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

(4)判断单选按钮中的“男”按钮是否选中:document.f.radiobutton[0].checked;

3.单击事件  onClick

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

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

(2)在button中触发onClick;

4.下拉列表事件  onChange

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

5.失去焦点事件   onblur

此事件用于失去焦点时调用;比如<input type="text" οnblur="  fun()"/>的意思是当这个文本框失去焦点时即调用。

四、JavaScript中的正则表达式

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

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

比如email的验证:

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

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

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

f.name.focus();可以使文本框获得焦点;

f.name.select();可以选中文本框中的文本;

五、window对象

1.打开新窗口:window.open函数

比如:

window.open("http://www.google.com","width=500,height=500,resizable=no");  打开谷歌网页,并且控制网页大小、尺寸;

window.open("http://www.google.com");普通方法打开网页;

											

2.确认窗口:window.confirm()

比如:

var flag = window.confirm("确认?"); 如果选是,则返回true;否则返回false;

										

3.页面重定向

通过window.location属性能够完成页面的转换;

只需要window.location="http://www.google.com"就能够将当前网页跳转到谷歌;

											

4.在子窗口中操作父窗口 opener

通过window.opener.document可以获得父窗口的文档对象;

window.opener.location可以获得父窗口地址;

window.opener.location.reload();重新加载父窗口;

父窗口:

											
子窗口:

										

转载于:https://www.cnblogs.com/xiazdong/archive/2011/11/20/3058115.html

你可能感兴趣的文章
Pentium
查看>>
[编织消息框架][netty源码分析]11 ByteBuf 实现类UnpooledHeapByteBuf职责与实现
查看>>
2.理解ASP.NET MVC的执行过程
查看>>
poj - 2186 Popular Cows && poj - 2553 The Bottom of a Graph (强连通)
查看>>
搜狗面经汇总
查看>>
如何在个人博客中插入Jsbin或者jsfiddle代码
查看>>
js实现无缝滚动
查看>>
最新32位和64位xp,win7,win8,win10系统大全(电脑装机版)
查看>>
如何向非技术人(程序猿)解释SQL注入?
查看>>
Convolutional_LSTM论文
查看>>
struts2笔记
查看>>
【NOIP模拟赛】就 反悔贪心
查看>>
vue的插槽slot
查看>>
ernd
查看>>
substring
查看>>
Uva 1625 - Color Length(DP)
查看>>
PHP 图片操作(按照指定尺寸压缩,按照比例裁剪)
查看>>
day-22模块的使用
查看>>
[JLOI2012]时间流逝 树上高斯消元 概率期望
查看>>
(笨方法)利用stat函数实现ls -l filename
查看>>