<!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. gcc编译工具生成动态库和静态库之一----介绍

     1.库的分类 根据链接时期的不同,库又有静态库和动态库之分. 静态库是在链接阶段被链接的(好像是废话,但事实就是这样),所以生成的可执行文件就不受库的影响了,即使库被删除了,程序依然可以成功运行. ...

  2. spring4.3新注解之：@RequestMapping变种（@GetMapping,@PostMapping,@PutMapping,@DeleteMapping,@PatchMapping）

    Spring 4.3 中引进了下面的注解 @RequestMapping 在方法层级的变种,来帮助简化常用 HTTP 方法的映射,并更好地表达被注解的方法的语义.比如,@GetMapping可以读作 ...

  3. 高精度算r的n次方 问题 H: 乾隆巡江南

    问题 H: 乾隆巡江南 时间限制: 2 Sec  内存限制: 128 MB提交: 13  解决: 3[提交][状态][讨论版] 题目描述 话说乾隆带着他的宰相刘罗锅和你出巡江南,被杭州城府邀请去听戏, ...

  4. NodeJs针对Express框架配置Mysql进行数据库操作

    Express版本:4.14.1 说明:如下配置以express为例进行配置并进行测试,当然mysql中间件也可以在nodejs中单独使用. 参考:NodeJs的Mysql中间件Github地址 1. ...

  5. 事件之父View和子view的点击事件的执行过程

    Android中的事件类型分为按键事件和屏幕触摸事件,Touch事件是屏幕触摸事件的基础事件,有必要对它进行深入的了解. 一个最简单的屏幕触摸动作触发了一系列Touch事件:ACTION_DOWN-& ...

  6. 使用LiteOrm删除数据对象失败的坑

    使用 LiteOrm.newSingleInstance(BaseApplication.getInstance(), Constant.DB_NAME); 在不同进程中创建了两次对象,在保存和删除的 ...

  7. typescript接口扩展、接口的继承

    //接口扩展:接口可以继承接口 // interface Animal{ // eat():void; // } // interface Person extends Animal{ // work ...

  8. 知识点：Navicet Mysql数据库电脑本地备份

    Navicet Mysql数据库电脑本地备份 1.打开navicat客户端,连上mysql后,双击左边你想要备份的数据库.点击“计划”,再点击“新建批处理作业”.     2.双击上面的可用任务,它就 ...

  9. echart line 初始化隐藏legend

    echart line,当line很多,且各line的取值区间相关非常大时,多条line同时显示,其实是没有太大的可读性的,因此需要在初始化时,把部分不太重要的legend隐藏起来. 具体做法如下: ...

  10. DevExpress的提示框

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...