js笔记整理2

标签：console log 对象笔记 js date window 整理 obj

对象及日期定时器

日期对象的定义（使用new关键词）

1.获取当前的时间（本地的时间）

var date = new Date() //不传参就是获取当前时间

2.获取指定的时间

var date = new Date(123456) //一个参数毫秒值 将这个毫秒值去加上对应的1970.1.1 0:0:0
var date = new Date('2000/1/1 00:00:00') //指定一个字符串 来指定对应的时间 规定格式
var date = new Date(2000,10,5,12,15,15) //年 月 日 时 分 秒

日期对象的方法

get 获取时间

var date = new Date()
console.log(date.getFullYear() );//年
console.log(date.getMonth()) //月 0-11
console.log(date.getDate()) //一个月的第几天
console.log(date.getDay()); //一个星期中的第几天 星期天是第一天 0
console.log(date.getHours()) //获取时间 24为0 0-23
console.log(date.getMinutes()) //获取分钟 60为0 0-59
console.log(date.getSeconds()) //获取秒钟 0-59
console.log(date.getTime()) //获取离1970/1/1的毫秒值

set 设置时间

// set 设置
date.setFullYear(1999,10,10) //可以同时设置月和天
date.setMonth(9,20)//可以同时设置天
date.setDate(30) //设置天
date.setHours(10,15,20,120) //可以同时设置分 秒 毫秒
date.setMinutes(10) //可以同时设置秒 毫秒
date.setSeconds(20) //可以同时设置 毫秒
date.setMilliseconds(150)//毫秒值设置

重点月份 0-11 月（获取的月份比实际会小1）星期天为0

其他的方法

//其他方法
var date = new Date()
//转为字符串
console.log(date.toString()); //普通字符串转换
console.log(date.toDateString()); //以对应的日期格式进行转换
console.log(date.toLocaleDateString()); //以本地的日期格式转换
console.log(date.toLocaleString() );//以本地的编码转为string
console.log(date.toTimeString()); //以对应时间时间格式转换
console.log(date.toUTCString());//以utc格式进行转换
//parse 格式化 转为NaN 日期就是一个Number值 
console.log(Date.parse("2012/12/12")); //以特定的格式进行转换 得到的是一个毫秒值

对象

概述：对象是一个引用数据类型，所有引用数据类型都是对象，（使用new 关键词开辟的内存空间都是对象空间）Array（typeof 是object）。

==比对比对的是地址值（栈地址） === 比对的是对应俩个是否是同一个

对象的删除操作使用delete关键词

//删除操作 删除里面的属性 delete
delete obj2.name //删除obj2的name属性
console.log(obj2);

this(关键词表示这个他是一个对象特殊的对象会随引用的变化而变化)

函数里面的this （哪个对象调用这个函数this就是哪个）（this存在于函数内）

全局的this 指向window的对象里面函数的this 指向当前对象

function sayHello(){
    console.log(this);
}
//函数的this 指向他的调用者 谁调用这个函数 this就是指向谁
//全局调用的 js的顶层对象 全局对象 window 也就是全局写的变量 以及全局调用的方法都是window的
sayHello() //window调用的 this指向window   sayHello() == window.sayHello()
var a = 10 //全局变量a 相当于window的一个属性及属性值 a:10
console.log(window['a']);//10
//也就意味在全局声明的内容都是window的内容
//也就是全局调用的内容里面的this属于window
console.log(this) //window window.onload = function(){}
var obj = {
    name:"jack",
    sayHi:function(){
        console.log(this);
        console.log(this===obj);//true
        console.log(this.name); //访问这个name属性
    }
}
//调用这个函数
obj.sayHi() //obj调用的 this指向obj
//处于对应的对象里面的this指向当前的对象

this指向

情况一：纯粹的函数调用

这是函数的最通常用法，属于全局性调用，因此this就代表全局对象。

var x = 1;
function test() {
   console.log(this.x);
}
test();  // 1

情况二：作为对象方法的调用

函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

function test() {
  console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m(); // 1

情况三作为构造函数调用

所谓构造函数，就是通过这个函数，可以生成一个新对象。这时，this就指这个新对象。

function test() {
　this.x = 1;
}
var obj = new test();

obj.x // 1

情况四 apply 调用

apply()是函数的一个方法，作用是改变函数的调用对象。它的第一个参数就表示改变后的调用这个函数的对象。因此，这时this指的就是这第一个参数。

var x = 0;
function test() {
　console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m.apply() // 0

apply()的参数为空时，默认调用全局对象。因此，这时的运行结果为0，证明this指的是全局对象。

如果把最后一行代码修改为

obj.m.apply(obj); //1

运行结果就变成了1，证明了这时this代表的是对象obj。

BOM

window

概述： window是顶层对象属于golbal对象。他是所有全局变量的父亲。

相关方法

打印方法

// window //对象
console.log(window); //window 对象 Window的构造函数
//常用的弹窗方法及打印方法
window.console.log('hello') //console.log() window可以省略的
console.log('日志') //控制台  log日志 以日志的形式打印
console.error('错误') //以错误的形式打印
console.warn('警告') //以错误的形式打印
console.debug('测试') //以错误的形式打印
console.info('信息提示') //以错误的形式打印

弹窗方法

//弹窗
window.alert('hello') //弹提示窗
var isTrue = confirm('你确认要删除吗') //交互框  true确认 false取消 返回
console.log(isTrue);
var str = prompt('请输入你的手机号') //输入框 他会有个输入框让你输入返回对应的你输入的内容 （string的内容）
console.log(str);

打开关闭方法

//打开 open 关闭 close
// 第一个参数是url地址 第二个参数为title target(打开方式 _blank _self _parent) 第三个参数为设置的参数（窗口的高度 宽度等等）
window.open('http://www.baidu.com','_blank','width=300,height=100,top=0,left=0')
// 　height=100 窗⼝⾼度；
// 　　width=400 窗⼝宽度；
// 　　top=0 窗⼝距离屏幕上⽅的象素值；
// 　　left=0 窗⼝距离屏幕左侧的象素值；
// 　　toolbar=no 是否显⽰⼯具栏，yes为显⽰；
// 　　menubar，scrollbars 表⽰菜单栏和滚动栏。
// 　　resizable=no 是否允许改变窗⼝⼤⼩，yes为允许；
// 　　location=no 是否显⽰地址栏，yes为允许；
// 　　status=no 是否显⽰状态栏内的信息（通常是⽂件已经打开），yes为允许；
window.close() //关闭当前的窗口 （关闭浏览器只能有一个页面）

改变位置的方法

//moveBy 一个是x轴的距离 y轴的距离
window.moveBy(100,100) //X+100 Y+100
//moveTo 一个x轴 一个y轴
window.moveTo(200,200) //X=200 Y=200

改变大小的方法

//改变对应的窗口大小
window.resizeBy(200,200) //width+200 height+200
//resizeTo 
window.resizeTo(200,200) //width=200 height=200

打印方法

//print打印方法
window.print()

聚焦和失焦的方法

//focus 聚焦  blur 失去焦点
window.focus()
window.blur()

查找方法

//find查找 ctrl+f
window.find()

滚动栏位置改变

//滚动栏位置改变  初始位置 x:0,y:0
window.scrollBy(100,100) //原本的位置 x+100，y+100
window.scrollTo(500,500) //到达位置 x=500 y=500 //回到顶部

location对象（*）

属性

console.log(location.hash) //哈希 #后面带的值 *
console.log(location.host) //主机 域名 ip地址+端口号
console.log(location.hostname) //主机名 ip地址 （127.0.0.1表示本机地址和localhost是一样的）
console.log(location.protocol) //协议 用于通信 （基于tcp/ip）http（明文传输） https（安全）（加密过）
console.log(location.port) //端口号  1--65525 （1-100的端口电脑占用了）http默认的端口80 https默认端口443
console.log(location.href) //链接的地址  也可以设置
console.log(location.search); //?后面带的值 一般是get请求传输数据的时候 *
console.log(location.origin); //跨域
console.log(location.pathname); //路径名 获取的除了协议和ip地址加端口号后面的东西

方法

assign 跳转页面

location.assign('http://www.baidu.com')

replace 替换页面

location.replace('http://www.weibo.com')

reload 重新加载页面

location.reload()
//参数 boolean类型的值 true（从服务器加载 慢） false （从缓存中加载 快）

history对象（*）

属性

length 历史页面个数

state 状态存储的对象

scrollRestoration 滚动栏恢复

方法

forwad 前进

function fn(){
    history.forward() //前进
}

back 后退

function fn1(){
    history.back() //后退
}

go 去任意的历史页面

function fn2(){
    history.go(-1) //去任意页面 0就是自己 小于0 后退 大于0前进
}

pushState

//spa 单页应用
function fn3(){
    //添加state的值 数据  ""  地址(会产生跨域问题)
    history.pushState('hello','','./index.html') //会改地址 但是不会刷新 推一个历史页面到历史区 state设置进去
}

replaceState

function fn4(){
    //替换state
    history.replaceState('world','','/location对象讲解.html') //会改地址 但是不会刷新 在历史区直接修改当前这个历史页面 state设置进去
}

事件

鼠标事件（鼠标触发的 mouse开头都是鼠标事件）

click 单击事件

dblclick 双击事件

mousemove 鼠标移动事件

mouseover 鼠标移进（自己及自己里面的都能触发）

mouseout 鼠标移出

mouseenter 鼠标移进（只会是自己可以触发）

mouseleave 鼠标移出

mousedown 鼠标按下

mouseup 鼠标弹起

...

键盘事件（键盘触发 key开头的都是键盘事件）

keyup 弹起

keydown 按下

keytpress 字符键按下

//除非是输入框 不然是不能调用键盘事件 都是window的
window.onkeydown = function(){
    console.log('键盘按下');
}
window.onkeyup = function(){
    console.log('键盘弹起');
}
window.onkeypress = function(){
    console.log('字符键按下');
}

HTML事件（系统事件被动触发的）

load 加载

close 关闭

change 输入框的value值发送表示

select 只有输入框才能触发（选择里面的内容）

focus 获取焦点

blur 失去焦点

reset 重置

submit 提交

scorll 滚动条滚动

...

标签：console,log,对象,笔记,js,date,window,整理,obj
From： https://www.cnblogs.com/lwqboke/p/16630494.html

对象及日期定时器

日期对象的定义（使用new关键词）

日期对象的方法

get 获取时间

set 设置时间

其他的方法

对象

==比对比对的是地址值（栈地址） === 比对的是对应俩个是否是同一个

this(关键词表示这个他是一个对象特殊的对象会随引用的变化而变化)

this指向

BOM

window

相关方法

打印方法

弹窗方法

打开关闭方法

改变位置的方法

改变大小的方法

打印方法

聚焦和失焦的方法

查找方法

滚动栏位置改变

相关属性

location对象（*）

属性

方法

history对象（*）

属性

length 历史页面个数

state 状态存储的对象

scrollRestoration 滚动栏恢复

方法

事件

鼠标事件（鼠标触发的 mouse开头都是鼠标事件）

键盘事件（键盘触发 key开头的都是键盘事件）

HTML事件（系统事件被动触发的）

相关文章

赞助商

阅读排行

js笔记整理2

对象及日期定时器

日期对象的定义（使用new关键词）

日期对象的方法

get 获取时间

set 设置时间

其他的方法

对象

==比对 比对的是地址值（栈地址） === 比对的是对应俩个是否是同一个

this(关键词 表示这个他是一个对象 特殊的对象会随引用的变化而变化)

this指向

BOM

window

相关方法

打印方法

弹窗方法

打开关闭方法

改变位置的方法

改变大小的方法

打印方法

聚焦和失焦的方法

查找方法

滚动栏位置改变

相关属性

location对象 （*）

属性

方法

history对象 （*）

属性

length 历史页面个数

state 状态存储的对象

scrollRestoration 滚动栏恢复

方法

事件

鼠标事件 （鼠标触发的 mouse开头都是鼠标事件）

键盘事件 （键盘触发 key开头的都是键盘事件）

HTML事件 （系统事件 被动触发的）

相关文章

赞助商

阅读排行

==比对比对的是地址值（栈地址） === 比对的是对应俩个是否是同一个

this(关键词表示这个他是一个对象特殊的对象会随引用的变化而变化)

location对象（*）

history对象（*）

鼠标事件（鼠标触发的 mouse开头都是鼠标事件）

键盘事件（键盘触发 key开头的都是键盘事件）

HTML事件（系统事件被动触发的）