js操作BOM

Posted 2022-05-24 debug

        //window.open(url, target);
        //window.close();

        //在当前窗口打开，可后退
        //原理：自动使用当前窗口的name
        html:<a href="url" target="_self"></a>
        js:open(url, '_self');

        //在当前窗口打开，禁止后退
        //原理：用新url替换当前history中的url
        js:location.replace(新url);

        //在新窗口打开，可打开多个
        //原理：不指定窗口名，每打开一个窗口，浏览器会自动随机生成内部窗口名
        HTML:<a href="url" target="_blank"></a>
        js:open(url, '_blank');

        //在新窗口打开，只能打开一个
        //原理：自定义窗口名，这个名字在内存中只能出现一次，一个名字对应一个窗口，后来打开的会覆盖先打开的窗口
        HTML:<a href="url" target="自定义窗口名"></a>
        js:open(url, '自定义窗口名');

        //history三种操作：前进、后退、刷新
        //前进：history.go(1);
        //后退：history.go(-1);history.go(-2);
        //刷新：history.go(0);

        //location属性
        //.href:获取或设置完整的url地址
        //.protocol:协议
        //.host:主机名+端口号
        //.hostname:主机名
        //.port:端口号
        //.pathname:相对路径
        //.search:查询字符串参数
        //.hash:锚点地址

        //location方法
        //在当前窗口打开，可后退
            //location = url;
        //在当前窗口打开，禁止后退
            //location.replace(新url);
        //刷新
            //优先从缓存中获取资源，若缓存中没有或过期，才从服务器获取资源
            //F5
            //history.go(0);
            //location.reload();

            //无论缓存中有没有资源，都强制从服务器获取资源
            //location.reload(true);