与用户交互
1、alert()
alert()向用户弹出一个信息对话框，显示消息和一个“确定”按钮。
alert()方法把字符串作为参数：
alert(“字符串参数”)
alert()没有返回值
2、confirm()
confirm()向用户显示消息和"确定、取消"按钮。单机任意一个按钮都会关闭对话框，让脚本继续执行，但根据哪个按钮被单击，confirm()方法会返回不同的值。单击“确定”按钮返回布尔值“true”；单击“取消”按钮会返回布尔值“false”。
var 变量名 = confirm(“字符串参数”)
3、prompt()
prompt()允许用户输入信息。
（1）输入框内无默认字符
var 变量名 = prompt(“字符串参数”)
（2）输入框内有默认字符
var 变量名 = prompt(“字符串参数”, "默认字符")
- 如果用户输入了信息，然后单击“确认”按钮或回车键，返回值就是用户输入的字符串；
- 如果用户没有在对话框里输入信息就单击“确认”按钮或回车键，返回值是调用prompt()方法设置的第2个可选参数的值（若提前设置的话）；
- 如果用户单击“取消”按钮或按Esc键，返回值就是null；
访问浏览器历史记录
浏览器的历史记录是用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(); //秒
网友评论