昨天把网站上的基础知识看完了，下面是剩下的部分

第六节    JS Window浏览器对象模型

    JavaScript全局对象，函数，变量均自动成为window对象的成员。

    1.Window对象

        1.获取浏览器窗口的尺寸

            var w = window.innerWidth

                || document.documentElement.clientWidth

                || document.body.clientWidth;

            var h = window.innerHeight

                || document.documentElement.clientHeight

                || document.body.clientHeight;

        2.打开新窗口

            window.open()

        3.关闭当前窗口

            window.close()

        4.移动当前窗口

            window.moveTo()

        5.调整当前窗口的尺寸

            window.resizeTo()

    2.可用屏幕宽高

        screen.availWidth

        screen.availHeight

    3.Location类

        location.href 属性返回当前页面的 URL。

        location.hostname     //返回 web 主机的域名

        location.pathname     //返回当前页面的路径和文件名

        location.port         //返回 web 主机的端口 （80 或 443）

        location.protocol     //返回所使用的 web 协议（http:// 或 https://）

        location.assign("中间填你要加载的‘文档’，即网址");

    4.History类

        history.back()        与在浏览器点击后退按钮相同

        history.forward()    与在浏览器中点击按钮向前相同

    5.提示框

        alert("填写警告的内容！！！");

        var r=confirm("确认框确认的内容");

        if (r==true)

        {

            alert("You pressed OK!");

        }

        else

        {

            alert("You pressed Cancel!");

        }

        //name是你输入的字符

        var name = prompt("提示框的名字", "默认输入框的名字");

    6.Time

        var t=setTimeout("javascript语句",毫秒)

        clearTimeout(t);

    7.cookie

        document.cookie = "名字 = 值; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

        //                        （后面的可以没有）存在时间，默认关闭浏览器删除; 路径，默认当前页面

        关于cookie修改：实际上是用新的覆盖旧的

        关于cookie删除：改变时间，将时间改到现在以前

            eg.

                document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

        document.cookie //获取所有的cookie，并以 cookie1 = value1;cookie2 = value2.....形式显示

    8.Navigator类

        用于获取用户浏览器的信息

        //但是不够准确，容易被误导

第七节    JS库

    常用的JS库（框架）

        jQuery

        Prototype

        MooTools

    //具体使用差对应文档

    1.jQuery

        <html>

            <head>

                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

                </script>

            </head>

            <body>

            </body>

        </html>

        允许链式语法，在一个对象上执行多个方法

    2.Prototype

        <html>

            <head>

                <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js>

                </script>

            </head>

            <body>

            </body>

        </html>

第八节     杂七杂八

一    标签

    <h*>  </h*>      //*是数字。标题，*表示字号

    <p>    </p>        //分行

    字符串 + "<br/>"//换行

二    字符串方法

    var str = "HaHa!!!";

    str.big();        放大字体

    str.small();    缩小字体

    str.bold();        加黑

    str.italics();    斜体

    str.blink();    闪烁

    str.fixed();    显示为打字机字体

    str.strike();    加删除线

    str.fontcolor("Red")    //字色

    str.fontsize(16)        //字体大小

    str.toUpperCase()        //全大写

    str.toLowerCase()        //全小写

    str.sub()    //下角标

    str.sup()    //上角标

    txt.link("链接网址")

JS基础学习（二）的更多相关文章

  1. Node.js基础学习二之POST请求

    本篇介绍下 Node.js post 请求 需求: 用户登录,前端界面输入用户名和密码,点击登录请求后台验证,根据后台反馈的信息做出响应 前端: (1)使用form表单 (2)使用ajax异步请求 服 ...

  2. 进击Node.js基础（二）

    一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> ...

  3. Python入门基础学习 二

    Python入门基础学习 二 猜数字小游戏进阶版 修改建议: 猜错的时候程序可以给出提示,告诉用户猜测的数字偏大还是偏小: 没运行一次程序只能猜测一次,应该提供多次机会给用户猜测: 每次运行程序,答案 ...

  4. JS基础学习——对象

    JS基础学习--对象 什么是对象 对象object是JS的一种基本数据类型,除此之外还包括的基本数据类型有string.number.boolean.null.undefined.与其他数据类型不同的 ...

  5. JS基础学习——闭包

    JS基础学习--闭包 什么是闭包 闭包的定义如下,它的意思是闭包使得函数可以记住和访问它的词法范围,即使函数是在它声明的词法范围外执行.更简单来讲,函数为了自己能够正确执行,它对自己的词法范围产生闭包 ...

  6. JS基础学习——作用域

    JS基础学习--作用域 什么是作用域 变量的作用域就是变量能被访问到的代码范围,比如在下面的这个js代码中,变量a的作用域就是函数foo,因此在全局作用域内的console.log(a)语句不能访问到 ...

  7. Python基础学习二

    Python基础学习二 1.编码 utf-8编码:自动将英文保存为1个字符,中文3个字符.ASCll编码被囊括在内. unicode:将所有字符保存为2给字符,容纳了世界上所有的编码. 2.字符串内置 ...

  8. Go基础学习(二)

    数组[array] 数组定义[定义后长度不可变] 12 symbol := [...]string{USD: "$", EUR: "€", GBP: " ...

  9. Node.js基础学习四之注册功能

    前言:在Node.js学习(二)和(三)中介绍了如何在Node.js 中获取登录的用户名和密码与数据库进行验证并返回数据给客户端 需求:实现注册功能 为了区分登录和注册是两个不同的请求,在端口后面加上 ...

  10. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

随机推荐

  1. Python环境配置安装

    2016年12月20日14:15:23 -------------- 参考菜鸟教程: Python 环境搭建 | 菜鸟教程  http://www.runoob.com/python/python-i ...

  2. cygwin 安装完后不能进入think问题，网上99%都是错误的

    正确的做法是首次进入的时候,显示的是哪个用户名就修改哪个用户名 比如我的电脑是 默认显示的是think 那么就去修改think 为 root 并把unused 后的2个数字改成0 然后在home下新建 ...

  3. [01] cocos2d-x开发环境搭建

    cocos2d-x 是跨平台的游戏开发引擎,支持的平台有 ios , android , windows phone , web , tizen,windows等. 先来搭建开发环境,一般我们开发游戏 ...

  4. leetcode 111 minimum depth of binary tree

    problem description: Given a binary tree, find its minimum depth. The minimum depth is the number of ...

  5. Spring Boot入门实例

    简介 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置 ...

  6. css zoom属性兼容ie,firefox,chrome

    jquery代码: $("body").css({ "zoom":"2", "transform":"scal ...

  7. 开源项目GitHub

    GitHub 手把手教你如何加入到github的开源世界! http://www.open-open.com/lib/view/open1396580186465.html 如何在 Github 上发 ...

  8. 制造高CPU使用率的简单方法

    在群里有人问制造CPU占用率高的场景用来做测试.所谓做好事难,干“坏”事还不容易?这个需求有很多方法可以实现,比如使用一些压力测试工具.我首先想 到的是HASH JOIN.这个联接比较消耗CPU资源, ...

  9. hao916,hao123,2345.com浏览器劫持-分析与清除

    装了Win10, 要激活, 于是论坛下载了一个KMS10激活, (我是很相信论坛的啊, 没想到...)结果浏览器总是被加小尾巴跳转到hao123 http://hao.qquu8.com/?v=108 ...

  10. Eclispe远程调试tomcat设置

    首先在catelina.sh中添加 JAVA_OPTS="$JAVA_OPTS -Xrunjdwp:transport=dt_socket,address=23787,server=y,su ...