JavaEE学习笔记--JavaScript(2)

最新推荐文章于 2025-12-22 21:38:10 发布

原创最新推荐文章于 2025-12-22 21:38:10 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了JavaScript中的核心对象，如String、Math、Date等的基本用法，并探讨了数组的特性及正则表达式的应用。此外，还讲解了函数的创建方式、参数与返回值的特点，以及全局函数和事件处理的相关知识。

JavaWeb之前端篇

JavaScript

Javascript常用对象

String对象

String就是一个字符串。
常用属性与方法
属性:
    length 求出字符串的长度
方法:
    charAt()        返回在指定位置的字符
    concat()        连接字符串
    indexOf()       检索字符串
    match()         找到一个或多个正则表达式的匹配
    replace()       替换与正则表达式匹配的子串
    split()         将字符串切割成字符串数组

Math对象

它是用于进行数学运算的
注意:它的用法是直接通过Math调用它属性与方法
常用方法:
    abs(x)          返回数的绝对值
    random()        返回0~1之间的随机数

Date对象

它是用于处理日期与时间的
创建一个Date对象   var date=new Date();它代表的是当前系统时间
常用方法:
    getFullYear()        从Date对象以四位数字返回年份
    toLocalString()      根据本地时间格式,将Date对象转换成字符串

Array对象

Java中的数组特点:长度固定，数组中元素类型是单一  数组中元素有顺序的。
JavaScript中元素可以是任意数据类型,且长度不固定
 常用属性:
     length求出数组中元素的个数
常用方法:
    reverse()        数组反转
    sort()           数组排序

RegExp

正则表达式是用于对字符串进行匹配操作
在javascript中创建正则对象有两种方法
1.  直接量语法
    var reg=/正则表达式/
2.  new 出正则对象
    var reg=new RegExp(“正则表达式”);
在开发使用直接量语法更多一些。

常用方法:
    exec()        检索字符串中指定的值,返回找到的值,并确定其位置
    test()        检索字符串中指定的值,返回true或者false

Javascript函数

函数就是方法,它们都是完成一段特定功能的代码块。对于函数必须调用它才可以执行。

创建函数
第一种方式:
    使用function关键字
    function 函数名(参数){
        函数体;
    };
第二种方式:
    var 函数名称=function(参数){
        函数体;
    };
第三种方式
使用到了一个javascript中对象Function
var 函数名称=new Function(参数,函数体);

关于javascript中函数的参数与返回值

参数问题：

function add(a,b){
    for(var i = 0;i < arguments.length;i++) {
        alert(arguments[i]);
    }
}
add(1,2,3,4);
//1.在JavaScript中函数的参数是无参数类型的
//2.在JavaScript中函数在调用时,不必须传递指定的个数参数与匹配的类型.
//3.在JavaScript中函数内有一个arguments对象,它就是用于接受所有参数的,它就是一个数组,在JavaScript中没有方法重载的概念

返回值问题:

    function add(a,b){

        if(true){
            return; //让函数结束。
        }

        return a+b; //将a+b的结果返回

    }
    var sum=add(1,2);
    alert(sum);

    //1.在javascript中如果方法有返回值，可以使用return返回。
    //2.在javascript中如果方法有返回值，不必须声明返回值类型。
    //3.对于javascript中函数，如果没有返回结果，那么相当于返回的是undefined

Javascript中全局函数

关于编码与解码操作
编码:就是指将字符转换成码值。
解码:就是批将码值转换成字符。
escape()   unescape() 不建议使用
encodeURI()   decodeURI();
encodeURIComponent()   decodeURIComponent()

encodeURI()它不编码的有82个.
encodeURIComponent()它不编码的有71个。

关于数值转换的函数
parseFloat()   转换成浮点数
parseInt()     转换成整数
isNaN()函数是用于判断是否是数字 返回false,代表是数值，返回true,代表不是数值
eval() 它的作用就是可以直接将字符串转换成javascript代码。

Javascript中事件

Javascript中事件一般是与函数配合使用，当事件产生时，相对应的函数可以执行。

基本概念：
事件：就是一件事情，例如点击按钮。
事件源:它是事件产生的源头。按钮是事件源
监听器:它是用于监听特定事件的组件，当事件产生时，监听器就可以执行。
注册监听(绑定监听):是将事件源与监听器绑定到一起，当事件源产生了这个事件，监听器就可以知道 并执行相应的操作

关于事件注册(绑定事件)方式:
    1.  html事件属性绑定
    2.  html dom分配事件 

常用事件:
    1.  onclick  鼠标点击某个元素
    2.  onload 代表页面或图片加载完成后
    3.  onblur 元素失去焦点
    4.  onfocus 元素获取焦点
    5.  onchange 代表用户改变域的内容
        例如:下拉框
    6.  onsubmit 表单提交了就是说<input type=”submit”>按钮点击。

Javascript中的bom

Bom  browser object model 浏览器对象模型

Window  History  Location对象。

Window 对象
    常用属性:
        opener        返回对创建此窗口的窗口的引用
        self       返回对当前窗口的引用.等价于window属性
        top       返回最顶层的先辈窗口
        parent   返回父窗口
    常用方法:
        alert()     显示带有一段信息和一个确认按钮的警告框
        confirm()     显示带有一段消息以及确认按钮和取消按钮的对话框
        prompt()     显示可提示用户输入的对话框

History对象
     History对象包含用户访问过的url路径。
     History对象它是window对象的一部分，可以通过window.history来获取history对象。
     常用方法:
         back()  加载history列表中的前一个URL
         forward()  加载history列表中的下一个URL
         go()   加载history列表中的某个具体页面

Location对象
    Location 对象包含有关当前 URL 的信息。
    Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
    我们在开发中使用href属性的作用是完成通过javascript进行跳转操作。