DOM对象和内置对象

2022-01-04  本文已影响0人  小圆圈Belen

与用户交互

1、alert()
alert()向用户弹出一个信息对话框,显示消息和一个“确定”按钮。
alert()方法把字符串作为参数:

alert(“字符串参数”)

alert()没有返回值
2、confirm()
confirm()向用户显示消息和"确定、取消"按钮。单机任意一个按钮都会关闭对话框,让脚本继续执行,但根据哪个按钮被单击,confirm()方法会返回不同的值。单击“确定”按钮返回布尔值“true”;单击“取消”按钮会返回布尔值“false”。

var 变量名 = confirm(“字符串参数”)

3、prompt()
prompt()允许用户输入信息。
(1)输入框内无默认字符

var 变量名 = prompt(“字符串参数”)

(2)输入框内有默认字符

var 变量名 = prompt(“字符串参数”, "默认字符")

访问浏览器历史记录

浏览器的历史记录是用window.history对象来表示的,它基本上就是访问过的URL列表。history对象的方法让我们能够使用这个列表,但不能直接地操作这些URL。
history对象只有一个属性,就是它的长度,表示拥护访问过的页面的数量。

history.length
history对象的方法

1、前进:

history.forward();

单击浏览器的“前进”按钮,可以得到历史列表里下一个页面。
2、后退:

history.backward();

单击浏览器的“后退”按钮,可以得到历史列表里上一个页面。
3、跳转到历史记录列表里的相对位置

history.go(-3);   //回退3个页面
history.go(3);   //前进3个页面
history.go(“example.com”);   //到达历史记录列表里第一个包含“example.com”的URL

location对象

location对象包含当前加载页面的URL信息。页面的URL是由多个部分组成的:
[协议]//[主机名]:[端口]/[路径][搜索][hash]
栗子:http://www.example.com:8080/tools/display.php?section=435#list

使用location对象导航

利用location对象有两种方式可以帮助用户导航至新页面。
1、直接设置对象的herf属性:

location.herf = 'www.newpage.com';

使用这种方法把用户转移到新页面时,原始页面还保留在浏览器的历史记录里,用户可以利用浏览器的“Back”按钮方便地返回到以前的页面。
2、替换对象的herf属性:

location.replace('www.newpage.com');

这种方法是用新的URL直接替换当前页面,即把当前页面从历史记录列表里删除。这样就会在浏览器和历史记录列表里都是用新的URL来代替旧的。

刷新页面

在浏览器里重新加载当前页面:

location.reload();

如果使用没有参数的reload()方法,当浏览器的缓存中保存了当前页面时,就会加载缓存的内容,为了避免这种情况的发生,确保从服务器获得页面数据,可以再调用reload()方法时添加参数true;

location.reload(true);

浏览器信息:navigator对象

location对象保存了浏览器当前URL的信息,而navigator对象包含了浏览器程序本身的数据。

日期和时间

创建具有当前日期和时间的Date对象

currentDate是Date对象,其中包含了创建对讲时的日期和时间信息。

var currentDate = new Date();

获取Date对象中的数据:

var year = currentDate.getFullYear();  //四位数字表示的年份,比如2022
var month = currentDate.get Month();  //数字表示的月份
var date = currentDate.getDate();  //日期
var day = currentDate.getDay();  //星期,0表示星期日,依次类推
var hours = currentDate.get Hours();  //时
var minutes = currentDate.get Minutes();  //分
var seconds = currentDate.get Seconds();  //秒
创建具有指定日期和时间的Date对象

给Date()语句传递相应的参数:

new Date(milliseconds)  //自1970.1.1起的毫秒数
new Date(dateString)   //日期字符串
new Date(year, month, day, hours, minutes, seconds, milliseconds)   
栗子:
var d1 = new Date("October 22, 2021 10:07:18 ")    
  //2021.10.22.10:07:18
var d2 = new Date(21,10,22)    //2021.10.22
var d3 = new Date(21,10,22,10,7,0)     //2021.10.22.10:07:00
设置和编辑日期与时间
var year = currentDate.setFullYear();  //四位数字表示的年份,比如2022
var month = currentDate.set Month();  //数字表示的月份
var date = currentDate.setDate();  //日期
var day = currentDate.setDay();  //星期,0表示星期日,依次类推
var hours = currentDate.set Hours();  //时
var minutes = currentDate.set Minutes();  //分
var seconds = currentDate.set Seconds();  //秒
上一篇下一篇

猜你喜欢

热点阅读