原生JS-10

window对象的事件
1.onload:页面加载事件
2.onunload:页面卸载事件
3.onscroll: 滚动事件
4.onresize:窗口改变时触发的事件
window对象的属性
location
href
reload()
replace()
history
back()
farword()
go()

Navigator
appName
appCodeName
appVersion

screen
height
width

日期与时间对象,常用方法
getFullYear();
getMonth();
getDate();
getDay();

getHours();
getMinutes();
getSeconds();

setFullYear();
setMonth();
setDate();

setHours();
setMinutes();
setSeconds();

toLocaleString();
toLocaleDateString()
toLocaleTimeString()
• 如何获取页面的宽度
• document.body.clientWidth
• document.documentElement.clientWidth
• 兼容写法:
var wid = document.body.clientWidth || document.documentElement.clientWidth;
• 注意:获取到的clientWidth是一个数值类型的数据
• 如何获取页面的高度
• document.body.clientHeight
• document.documentElement. clientHeight
• 兼容写法:
var wid = document.body. clientHeight || document.documentElement. clientHeight;
• 注意:获取到的clientHeight是一个数值类型的数据
• onmouseover:鼠标移动某元素上时触发事件
• onmouseout:鼠标从某元素上移走时触发事件
• 获取元素的滚动条向下移动的距离,可以使用如下格式:元素.scrollTop
• window对象的事件
• onload:页面加载完成后执行某些操作(先加载HTML标签,然后执行js代码)
• onunload:页面卸载时要执行的操作,也就是指关闭页面时的操作
• onscroll:页面被滚动时执行的操作,即在拖动滚动条时执行的操作
• onresize:页面尺寸被更改时执行的操作,也就是页面的放大或缩小
• window对象的属性
• status:控制浏览器的状态栏
• location:注意location是window对象的一个属性,另外它本身也是一个对象,自己也具有方法和属性,location对象的属性和方法有
• href属性:控制地址里面的地址信息
• reload()方法:重新加载页面
• replace()方法:替换当前页面,格式replace(“新的地址”);
• history属性:注意history本身也是一个对象,它可以控制页面的浏览记录,常用方法有
• back():后退到当前页的上一个浏览记录
• forward():前进到当前页的下一个浏览记录
• go():跳转到浏览记录中的任意一个页面,格式go(数值),数值可以是正数、也可以是负数,如1,表示下一个浏览记录,如-1,表示上一个浏览记录
• navigator属性:作用是用来控制浏览器的相关信息,如浏览器名称、浏览器版本号,注意它也是对象
• appName浏览器名称,谷歌、火狐浏览器的名称都为Netscape
• appCodeName:浏览器代码名称,,谷歌、火狐浏览器的名称都为Netscape
• appVersion:获取浏览器的版本
• screen属性:获取窗口的相关信息,即获取电脑的分辨率,本身也是对象
• width
• height
• 日期和时间对象
• 如何创建日期和时间对象
• var 变量名 = new Date();返回值为系统当前日期和时间
• var 变量名 = new Date(“年-月-日 时:分:秒”);
• var 变量名 = new Date(“年/月/日 时:分:秒”);
• var 变量名 = new Date(“年 月 日 时:分:秒”);
• var 变量名 = Date();返回系统当前日期和时间
• 日期和时间对象所具有的方法
• getFullYear():获取年份,格式日期:对象.getFullYear();
• getMonth():获取月份,格式:对象.getMonth();返回值为0-11,0表示1月份11表示12月份
• getDate():获取日,格式:对象.getDate();
• getDay():获取星期,格式:对象.getDay();返回值为0-6,0表示星期日
• getHours():获取小时,格式:对象.getHours();
• getMinutes():获取分钟,格式:对象.getMinutes();
• getSeconds():获取秒,格式:对象.getSeconds();
• setFullYear():对年进行赋值,格式:对象.setFullYear(新的年份);
• setMonth():对月份进行赋值,格式:对象.setMonth(新的月份);如月份超过12,那么年会加1
• setDate():设置日,格式:对象.setDate();超过31进位一天
• setHours():设置小时,格式:对象.setHours(),超过24进位
• setMinuts():设置分钟,格式:对象.setMinutes(),超过60进位
• setSeconds():设置秒,格式:对象.setSeconds(),超过60进位
• 在页面中输出 2017年5月19日 星期日 12:03:04

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,752评论 0 8
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 变量命名、声明、赋值 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。2.变量名区分...
    wq04200阅读 618评论 0 1
  • 《正念的奇迹》这本书中让我印象比较深刻的是两个词组:“庸人自扰之”和“专一”。该书算是一本佛学书籍,书中提到...
    Sim2阅读 424评论 0 1
  • 股价终将回归基本面 许多投资人会将“基本面”和“合理股价”画上等号,并认为与股市长期来说,应该会有一个合理价位,或...
    胖山楂球阅读 437评论 0 0