JavaWeb自学笔记 JavaScript常用对象

Window 对象

Window对象即浏览器窗口对象,是一个全局对象,是所有对象的顶级对象,在JavaScript中起着举足轻重的作用。Window对象提供了许多属性和方法,这些属性和方法被用来操作浏览器页面的内容。Window对象同Math对象一样,也不需要使用new关键字穿件对象的实例,而是直接使用“对象名.成员”的格式来访问其属性或方法。下面将对Window对象的属性和方法进行介绍。Window对象的常用属性如下表:
在这里插入图片描述
Window对象的常用方法如下表:
在这里插入图片描述
由于Window对象使用十分频繁,又是其他对象的父对象,所以在使用Window对象的属性和方法时,JavaScript允许省略Window对象的名称。
例如使用alert方法时有两种写法:

window.alert("第一种写法");
alert("这是第二种写法");

下面我们对Window对象中的open()方法和close()方法进行详细介绍。
open()方法:open方法用于打开一个新的浏览器窗口,并在该窗口中装载指定URL地址的网页。open方法的语法格式如下:

windowVar=window.open(url,windowname[,location]);

windowVar:当前打开窗口的句柄。如果open()方法执行成功,则windowVar的值为一个Window对象的句柄,否则windowVar的值是一个空值。
url:目标窗口的URL。如果URL是一个空字符串,则浏览器将打开一个空白窗口,允许用write()方法创建动态HTML。
windowname:用于指定新窗口的名称,该名称可以作为a标记和form的target属性的值。如果该参数制定了一个已经存在的窗口,那么open()方法将不再创建一个新的窗口,而只是返回对指定窗口的引用。
location:对窗口属性进行设置,其可选参数如下表:
在这里插入图片描述
例如,打开一个新的浏览器窗口,在该窗口中显示bbs.htm文件,设置打开窗口的名称为bbs,并设置窗口的顶边距,左边距,宽度和高度,代码如下:

window.open("bbs.htm","bbs","width=500,height=400,top=50,left=50");

close()方法:
close方法用于关闭当前窗口。语法格式如下:

window.close()

String对象

String对象是动态对象,需要创建对象实例后才能引用其属性和方法。但是,由于在JavaScript中可以将用单引号或双引号括起来的字符串当做一个字符串对象的实例,所以可以直接在某个字符串后面加上点“.”去调用String对象的属性和方法。下面对String对象的常用属性和方法进行详细介绍。

String对象的属性

String对象最常用的属性是length,该属性用于返回String对象的长度。length属性的语法格式如下:

string.length

返回值是一个只读的整数,他代表指定字符串中的字符数,每个汉字按一个字符计算例如:

“aaaa字符串”.length;   //返回值为7
“haha”.length; //返回值为4
String对象的方法

String对象提供了很多用于对字符串进行操作的方法如下表:
在这里插入图片描述
下面对比较常用的方法进行详尽介绍。

indexOf()方法

indexOf方法用于返回String对象内第一次出现子字符串的字符位置。如果没有找到指定的子字符串,则返回-1。其语法格式如下:

string.indexOf(subString[,startIndex])

subString:必选项。要在String对象中查找的子字符串。
startIndex:可选项。该整数值指出在String对象内开始查找索引。如果省略,则从字符串的开始处查找。
例如,从一个邮箱地址中查找@所在的位置,可以使用下面的代码:

var str = "1234567@qq.com";
var index = str.indexOf('@'); //返回的索引值为7
var index = str.indexOf('@',7); //返回值为-1

由于在JavaScript中,String对象的索引值是从0开始的,所以此处返回的值为7,而不是8。
String对象中还有一个lastIndexOf()方法,该方法的语法格式同indexO方法类似,所不同的是,indexOf从字符串的第一个字符开始查找,而lastIndexOf方法从字符串的最后一个字符开始查找。

substr方法

substr方法用于返回指定字符串的一个子串。其语法格式如下:

string.substr(start[,length]);

start:用于指定获取子字符串的起始下标,如果是一个负数,那么表示从字符串的尾部开始算起的位置,即-1代表字符串的最后一个字符,-2代表字符串的倒数第二个字符,以此类推。
length:可选项,用于指定子字符串中字符的个数,如果省略该参数,则返回从start开始位置到字符串结尾的子串。
使用substr方法获取指定字符串的子串,代码如下:

var word = "one world one dream!";
var subs = word.substr(10,9);  //subs的值为one dream
substring方法

substring方法用于返回指定字符串的一个子串。其语法格式如下:

string.substring(from[,to]);

from:用于指定要获取子字符串的第一个字符在string中的位置。
to:可选项,用于指定要获取子字符串的最后一个字符在string中的位置。
由于substring方法在获取子字符串时,是从string中的from处到to-1处赋值,所以to的值应该是要获取子字符串的最后一个字符在string中的位置加1.如果省略该参数,则返回从from开始到字符串结尾处的子串。

replace方法

replace方法用于替换一个与正则表达式匹配的子串。其语法格式如下:

string.replace(regExp,substring);

regExp:一个正则表达式。如果正则表达式中设置了标志g,那么该方法将用替换字符串替换检索到的所有与模式匹配的子串,否则只替换所检索到的第一个与模式匹配的子串。
substring:用于指定替换文本或生成替换文本的函数。如果substring是一个字符串,那么每个匹配都将由该字符串替换,但是在substring中的“$”字符具有特殊的意义如下表。
在这里插入图片描述

split方法

split方法用于将字符串分割为字符串数组。其语法格式如下:

string.split(delimiter,limit);

delimiter:字符串或正则表达式,用于指定分隔符。
limit:可选项,用于指定返回数组的最大长度,如果设置了该参数,返回的子串不会多于这个参数指定的数字,否则整个字符串都会被分割,而不考虑其长度。
返回值:一个字符串数组,该数组是通过delimiter指定的边界将字符串分割成的字符串数组。
在使用split方法分割数组时,返回的数组不包括delimiter自身。

Date的对象

在Web程序开发的过程中,可以使用JavaScript的Date对象来对日期和时间进行操作,例如,如果想在网页中显示计时的时钟,就可以使用Date对象来获取当前系统的时间并按照指定的格式进行显示。
Date对象时一个有关日期和时间的对象,它具有动态性,即必须使用new运算符创建一个实例,语法如下:

dateObj = new Date();
dateObj = new Date(dateValue);
dateObj = new Date(year,month,date[,hours[,minutes[.seconds[,ms]]]]);

dateValue:如果是数值,则表示指定日期与1970年1月1日午夜间全球标准时间相差的毫秒数,如果是字符串,则dateValue按照parse方法中的规则进行解析。
year:一个4位数的年份,如果输入的是0~99之间的值,则给它加上1900.
month:表示月份,值为0~11之间的整数,即0代表1月份。
date:表示日,值为1~31之间的整数。
hours:表示小时,值为0~23之间的整数。
minutes:表示分钟,值为0~59之间的整数。
seconds:表示秒钟,值为0~59之间的整数。
ms:表示毫秒,值为0~999之间的整数。
Date对象没有提供直接访问的属性,只具有获取,设置日期和时间的方法。Date对象的常用方法如下表:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值