<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Page</title>

</head>

<body>

    <button id="btn">Click to Change</button>

    <script>

        //window对象既是通过js访问浏览器窗口的一个接口，又是ECMAscript规定的global对象

        //尝试访问未声明的变量会抛出错误，而通过查询window对象则可以知道某个未声明的变量是否存在

        // var newV = oldV;//error

        var newV = window.oldV;//这是一次属性查询

        var btn = document.querySelector("#btn");

        // var url = window.open("https://www.4399.com","_self","height=500,width=500,resizable=yes");这里的resizable不是指resize

        // var url = window.open("","","height=500,width=500,resizable=yes");

        function resize(){

            url.resizeTo(500,500);//被禁用了？

            url.resizeBy(100,100);

            console.log(window.outerHeight);

            console.log(window.innerHeight);

            url.close();

            // window.open("https://www.4399.com");

        }

        // btn.addEventListener("click",resize,false);

        //系统对话框+confirm

        // if(confirm("确认？")){

        //     alert("已确认!");

        // }

        //location对象 提供了与当前窗口中加载的文档有关的信息，既是window对象的属性也是document对象的属性

        //利用location对象的属性创建一个解析查询字符串并返回所有参数

        function getQuery(){

            var queryStr = (location.search.length > 0) ? location.search.substring(1) : "";

            //返回查询字符串，并去掉问号

            var args = [];

            //建立一个字符串保存数据

            items = queryStr.length > 0 ? queryStr.split("&") : [];

            //spilt方法将字符串中&两边的部分分开

            item = null;//而不是 = "";

            name = null;

            value = null;

            for(i = 0;i<items.length;i++){

                item = item[i].split("=");

                anme = decodeURIComponent(item[0]);

                value = decodeURIComponent(item[1]);

                if(name.length){

                    args[name] = value;

                }

            }

            return args;//以后在自己写的程序中也要注意这个了

        }

        //location.assign()方法，立即打开传入的url并且在浏览器的历史纪录中生成一条记录

        //等于location.href  window.location

        //通过hash  search   hostname   patname   port属性设置为新值改变url

        //replace()方法，不会在历史纪录中生成新纪录，并且后退按钮会被禁用

        //reload()重新加载（可能从浏览器本地缓存）

        //reload(true)，从服务器端重新加载

        //history对象

        history.go(-1);//history.back()

        history.go(1);//history.forward()

    </script>

</body>

</html>

高程三 BOM 读书笔记的更多相关文章

  1. Linux设备驱动程序 第三版 读书笔记（一）

    Linux设备驱动程序 第三版 读书笔记(一) Bob Zhang 2017.08.25 编写基本的Hello World模块 #include <linux/init.h> #inclu ...

  2. LINUX内核设计与实现第三周读书笔记

    LINUX内核设计与实现第三周读书笔记 第一章 LINUX内核简介 1.1 Unix的历史 1969年的夏天,贝尔实验室的程序员们在一台PDR-7型机上实现了Unix这个全新的操作系统. 1973年, ...

  3. 《LINUX内核设计与实现》第三周读书笔记——第一二章

    <Linux内核设计与实现>读书笔记--第一二章 20135301张忻 估算学习时间:共2小时 读书:1.5 代码:0 作业:0 博客:0.5 实际学习时间:共2.5小时 读书:2.0 代 ...

  4. javaScript高程第三版读书笔记

    看完<dom编程艺术>现在准备读进阶版的js高程了,由于篇幅较长,所以利用刚看完<dom编程艺术>学到的知识写了段JavaScript代码,来折叠各章的内容.并且应用到了< ...

  5. JavaScript高级程序设计第三版-读书笔记（1-3章）

    这是我第一次用markdown,也是我第一次在网上记录我自己的学习过程. 第一章 JavaScript主要由以下三个不同的部分构成 ECMAScript   提供核心语言功能 DOM     提供访问 ...

  6. CSS权威指南-第三版--读书笔记

    第一章:CSS和文档 html是结构化语言,css是样式语言,html主要用来被强大的搜索引擎更好的索引,更好的让一个盲人通过语音浏览器来了解我们的网页,这也就是为什么说html是结构话语言,因为这是 ...

  7. linux第三次读书笔记

    第七章:链接 一.编译器驱动程序 编译系统提供的调用预处理器.编译器.汇编器和链接器来构造目标文件的程序. 二.静态链接 三.目标文件 三种形式: 1.可重定位目标文件: 2.可执行目标文件: 3.共 ...

  8. 《Linux内核设计与实现》第三章读书笔记

    一.进程(任务)描述 1.进程是处于执行期的程序:除了可执行程序代码,还包括打开的文件.挂起的信号.内核内部数据.一个或者多个执行线程等多种资源 线程是在进程活动中的对象:内核调度的对象是线程而不是进 ...

  9. Linux内核分析第三章读书笔记

    第三章 进程管理 3.1 进程 进程就是处于执行期的程序 进程就是正在执行的程序代码的实时结果 线程:在进程中活动的对象.每个线程都拥有一个独立的程序计数器.进程栈和一组进程寄存器. 内核调度的对象是 ...

随机推荐

  1. ALGO-27_蓝桥杯_算法训练_FBI树(树，递归)

    问题描述 我们可以把由“”和“”组成的字符串分为三类:全“”串称为B串,全“”串称为I串,既含“”又含“”的串则称为F串. FBI树是一种二叉树,它的结点类型也包括F结点,B结点和I结点三种.由一个长 ...

  2. 解决linux下node.js全局模块找不到的情况

    今天在在linux上用npm安装了pm2准备部署node项目,结果通过pm2命令启动项目的时候报pm2找不到,这很伤,以为pm2没有安装成功,但是在node安装目录下面的bin文件夹里面调用pm2却没 ...

  3. php 安装 phpredis 扩展

    1. git clone https://github.com/nicolasff/phpredis2. 首先git clone 项目到本地,切换到phpredis目录下 phpize ./confi ...

  4. defaultProps和propTypes

    在上一篇文章中总结了父子组件的数据传递,下面先来简单的回顾一下之前的内容: 此时,子组件中div里面的数据依赖于父组件传递过来的数据,那么当父组件没有给子组件传递数据时,子组件div里面就没有了数据了 ...

  5. QLExpress 规则引擎使用介绍

    一个轻量级的类java语法规则引擎,作为一个嵌入式规则引擎在业务系统中使用.让业务规则定义简便而不失灵活.让业务人员就可以定义业务规则.支持标准的JAVA语法,还可以支持自定义操作符号.操作符号重载. ...

  6. [转][html5]网页横屏

    @@media screen and (orientation:portrait){ body{ transform: rotate(90deg); } } 将以上 CSS 加入网页,可以发现手机上查 ...

  7. Ajax中最有名axios插件（只应用于Ajax）（post方法，官网写错了，应是字符串格式）

    /* axios v0.18.0 | (c) 2018 by Matt Zabriskie */!function(e,t){"object"==typeof exports&am ...

  8. rhel7.0解决：This system is not registered to Red Hat Subscription Management. You can use subscription-manager to register.

    看这篇文章前,先说一下我的实际情况.本来要部署docker服务的,然后yum安装任何软件都不起效果,最后通过老师远程的帮助,最后成功安装上docker,老师的解决办法就是忽略这个问题,直接自己配置网络 ...

  9. Spring+MyBatis实现数据库读写分离方案

    推荐第四种:https://github.com/shawntime/shawn-rwdb 方案1 通过MyBatis配置文件创建读写分离两个DataSource,每个SqlSessionFactor ...

  10. 关于 MySQL LEFT JOIN 不可不知的事

    你认为自己已对 MySQL 的 LEFT JOIN 理解深刻,这篇文章,我想让你能多学会点东西! ON 子句与 WHERE 子句的不同 一种更好地理解带有 WHERE ... IS NULL 子句的复 ...