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

第六节    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. .net Socket 通信简单实例（初级入门）

    c/s控制台应用程序,Server.Client分别在两个项目中 服务端 using System; using System.Collections.Generic; using System.Li ...

  2. webstorm卡顿问题

    近期随着项目开展,文件逐渐增大,webstrom频繁出现卡顿,而且时有崩溃现象,提示没有足够的内存来执行请求的操作,需要增加Xms设置. 解决办法: 1.找到WebStorm.exe.vmoption ...

  3. Python题目

    https://github.com/taizilongxu/interview_python 1 Python的函数参数传递 strings, tuples, 和numbers是不可更改的对象,而l ...

  4. Spring Boot整合Dubbo框架demo

    Dubbo框架原理见之前的博文:http://www.cnblogs.com/umgsai/p/5836925.html 首先启动zookeeper Server端 Pom配置如下 <?xml ...

  5. effective java 学习心得

    目的 记录一下最主要学习心得,不然凭我这种辣鸡记忆力分分钟就忘记白看了... 用静态工厂方法代替构造器的最主要好处 1.不必每次都创建新的对象 Boolean.valueOf Long.valueOf ...

  6. hibernate学习四（关系映射一对一与组件映射）

    一.关系映射简介 在数据库中,表与表的关系,仅有外键.但使用hibernate后,为面向对象的编程,对象与对象的关系多样化:如 一对一,一对多,多对多,并具有单向和双向之分. 开始练习前,复制上一次项 ...

  7. 360浏览器遇到文档模式是IE7的解决办法

    这段时间遇到了360浏览器在加载java项目时,默认的文档模式是IE7,使得网页加载下拉框出现问题. 解决的方法是: 在显示的jsp页面加上 <meta http-equiv="X-U ...

  8. SQL 删除索引错误

    SQL Server 数据库执行 ”DROP INDEX 索引名 ON 表名“ 时出现“不允许对索引 '索引名' 显式地使用 DROP INDEX.该索引正用于 PRIMARY KEY 约束的强制执行 ...

  9. HTML 5 胜出：XHTML2 宣告夭折

    自HTML 5 和XHTML 2规范草稿公布以来,一直存在很大的争议.HTML 5是由包括Google.Mirosoft.Mozilla.Opera.Apple在内多家浏览器厂商共同起草的下一代web ...

  10. 转载：gulp文件

    这是我的文件目录结构图  下面是我gulpfile.js的配置 'use strict' var gulp=require('gulp'); var gutil=require('gulp-util' ...