浏览器三大弹窗操作
警告框
window.alert('弹出内容') / alert('弹出内容')
输入框
window.prompt('提示内容') / prompt('提示内容')
可以使用变量,存储输入数据
输入的数据都是字符串类型
确认框
window.confirm('提示内容') / confirm('提示内容')
使用变量存储 确认框 执行结果
点击 确定 返回结果是 true
点击 取消 返回结果是 false
浏览器地址操作
window.location.href 浏览器地址栏信息
浏览器地址栏中,中文显示为 %两位十六进制数值
这是 浏览器 自行 转化显示的结果 我们不用管,浏览器可以自动的编译解析
window.location.search
可以获取浏览器地址栏中,get方式传的数据信息
中文显示为 %两位十六进制数值
获取结果是一个字符串形式,希望可以将 字符串 转化为 对象形式
输入 键名可以获取参数数据
var res = getUrlVal();
// 获取地址栏数据信息
// 地址栏中,?问号之后的get方式的传出数据
// 以对象的形式返回
function getUrlVal(){
// 创建空对象,准备存储键值对数据信息
var obj = {};
// 1, 获取 字符串结果,第一位是 ? 问号 需要删除
// 使用 substr 截取 ,从 字符串的第二个字符串,也就是索引是1的字符开始截取
var str = window.decodeURI( window.location.search).substr( 1 );
// 2, 每一个键值对,以 & 符号作为间隔,将字符串转化为数组
// 数组中的每一个单元,就是传参的键值对
// username=张三 userpwd=123456 age=18 sex=男
var arr = str.split('&');
// 3, 数组中的每一个单元存储的数据,都是 键值对字符串
// 语法形式都是 键名=数值
// 按照 等号 做间隔 可以将 键值对字符串,转化为 两个单元的数组
// 第一个单元存储键名 第二个单元 存储键值
// forEach 中 第一次参数val 存储 的是 单元的数据
// 也就是 键值对字符串
// 将 val 键值的字符串 按照 = 等号 为间隔,转化为数组
arr.forEach(function(val){
// arr2中的数据
// 索引是0 的 单元 存储的是 键值对的 键名 --- 对象的属性
// 索引是1 的 单元 存储的是 键值对的 数据 --- 对象的属性值
var arr2 = val.split('=');
// 将 arr2[0] 作为对象的键名 arr2[1] 作为对象的键值
obj[ arr2[0] ] = arr2[1]
})
return obj;
}
console.log(res);
window.decodeURI() window.decodeURIComponent()
都可以解析编译 地址栏信息中的 中文乱码
window.location.href = 'url地址' 可以设定页面的浏览器地址栏信息
一般用于页面的跳转
浏览器版本信息
存储在 window.navigator 属性中
window.navigator.userAgent 浏览器的型号,内核,版本信息等
window.navigator.appName Netscape网景公司
window.navigator.appVersion 浏览器版本
window.navigator.platform 操作系统的版本信息
浏览器的历史记录
存储在 window.history 中
window.history.length : 长度 也就是当前窗口 访问页面的个数
window.history.back() 返回上一个访问的页面 功能对应浏览器 后退 按钮
window.history.forward() 返回下一个访问的页面 功能对应浏览器 前进 按钮
window.history.go() 设定跳转次数,跳转至指定页面 跳转的次数 是 目标页 - 当前页
注意:
1.浏览器次数的记录,一定是当前窗口打开的页面
新窗口打开的页面,不算浏览次数

Comments | NOTHING