JavaScript学习总结

最新推荐文章于 2022-05-15 15:44:47 发布

Dear小破

最新推荐文章于 2022-05-15 15:44:47 发布

阅读量692

点赞数

分类专栏： HTML/CSS/JavaSprite 文章标签： JavaScript

本文链接：https://blog.csdn.net/zhangruiwan/article/details/9530685

版权

HTML/CSS/JavaSprite 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript 是一种脚本语言，提供用户交互，动态更改内容，数据验证。

将 JavaScript 语句插入 HTML 文档的方式：

1.使用 <SCRIPT> 标签将语句嵌入文档

2.将 JavaScript 源文件链接到 HTML 文档中，如下：

<script language=“JavaScript” 
    src= “文件名.js"></script>

JavaScript标签：

<HTML>
<HEAD>
<SCRIPT language = "JavaScript">
document.write("欢迎来到 JavaScript 世界");
</SCRIPT>
</HEAD>
<BODY>
<P>尽情享受学习的快乐!!! 
</BODY>
</HTML>

JavaScript中的变量：

变量名必须以字母或下划线（"_"）开头

变量可以包含数字、从 A 至 Z 的大小写字母

JavaScript 区分大小写，即变量 myVar、 myVAR 和myvar 是不同的变量

例如：var a="...";

注：局部变量以var关键字声明，全局变量不需要用var关键字声明。

声明数组:

var数组名 = new Array(数组大小);

例：varemp = new Array(3)

添加元素

emp[0] = “AA";

emp[1] = “BB";

emp[2] = “CC";

函数声明

在JavaScript中，函数声明非常简单，形式如下：

function(参数...){

[返回值;]

}

注意：

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

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

数组 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

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

5.失去焦点事件 onblur

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

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();重新加载父窗口；

Dear小破

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习总结

JavaScript 是一种脚本语言，提供用户交互，动态更改内容，数据验证。将 JavaScript 语句插入 HTML 文档的方式：1.使用标签将语句嵌入文档2.将 JavaScript 源文件链接到 HTML 文档中，如下：<script language=“JavaScript” src= “文件名.js"> JavaScript标签：
复制链接

扫一扫