浏览器三大弹窗操作
警告框
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