前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript学习总结(六)

JavaScript学习总结(六)

作者头像
roobtyan
发布2019-02-21 15:45:39
7940
发布2019-02-21 15:45:39
举报

我们知道,JavaScript共由三部分组成:EMCAScript(基本语法)、BOM(浏览器对象模型)、DOM。 在浏览器对象模型中,把浏览器的各个部分都用了一个对象进行描述,如果我们要操作浏览器的一些属性,就可以通过浏览器对象模型的对象进行操作

下面我们来介绍一下浏览器对象模型的基本的对象:

代码语言:javascript
复制
window  代表了一个新开的窗口
location 代表了地址栏对象。
screen  代表了整个屏幕的对象

window对象常用的方法

代码语言:javascript
复制
//open()   打开一个新的窗口(参数一:打开的地址,参数二:是否为新的浏览器窗口,参数三:新窗口属性,参数四:用来替代的地址)
window.open("2.html","_blank","height=400px,width=600px,toobar=no,location=yes,top=200px","用来替代的地址");

//resizeTo() 将窗口的大小更改为指定的宽度和高度值
window.resizeTo(300,200);

//moveBy()  相对于原来的窗口移动指定的x、y值
window.moveBy(100,0);//谷歌浏览器貌似不支持了

//moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 
window.moveTo(100,0);//谷歌浏览器貌似不支持了

//setInterval() 每经过指定毫秒值后就会执行指定的代码


//clearInterval() 根据一个任务的ID取消的定时任务


//setTimeout() 经过指定毫秒值后执行指定 的代码一次

事件

定义:当发生一个事件之后,会触发特定的方法 那么如何注册一个事件呢?

  • 事件的注册方式
代码语言:javascript
复制
 //方式一: 直接在html元素上注册
<body onload="ready()">

    function ready(){
      alert("body的元素被加载完毕了.."); 
    }


//方式二:先在js代码找到对应的对象再注册,一般推荐使用这种方式,可以增强可维护性

var bodyNode = document.getElementById("body");

    bodyNode.onload = function(){
        alert("body的元素被加载完毕");  
} 
  • 常用的事件
代码语言:javascript
复制
鼠标点击相关:
onclick 在用户用鼠标左键单击对象时触发。 
ondblclick 当用户双击对象时触发。 
onmousedown 当用户用任何鼠标按钮单击对象时触发。 
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。 

鼠标移动相关:
onmouseout  当用户将鼠标指针移出对象边界时触发。 
onmousemove 当用户将鼠标划过对象时触发。 

焦点相关的:
onblur 在对象失去输入焦点时触发。 
onfocus 当对象获得焦点时触发。

其他:
onchange 当对象或选中区的内容改变时触发。 
onload 在浏览器完成对象的装载后立即触发。 
onsubmit 当表单将要被提交时触发。 

location对象

此对象是浏览器地址栏对象,所以我们能够改变地址栏信息,或者进行其他的一些改变。 想要获取到url只需要使用location.href即可。 有两个比较常用的东西:

代码语言:javascript
复制
//href : 设置以及获取地址栏的对象
location.href = "http://www.baidu.com";//每天总在莫名其妙的给百度打广告。。

//reload() 刷新当前的页面
location.reload();

screen对象

  • 常用的方法
代码语言:javascript
复制
availHeight 获取系统屏幕的工作区域高度,排除 Microsoft Windows 任务栏。     
availWidth  获取系统屏幕的工作区域宽度,排除 Windows 任务栏。   
height      获取屏幕的垂直分辨率。 
width       获取屏幕的水平分辨率。 
  • 使用方法
代码语言:javascript
复制
document.write("获取系统屏幕的工作区域高度:"+screen.availHeight+"<br/>");
document.write("获取系统屏幕的工作区域宽度:"+screen.availWidth+"<br/>");
document.write("获取屏幕的垂直分辨率:"+screen.height+"<br/>");
document.write("获取屏幕的水平分辨率:"+screen.width+"<br/>");

这一讲我们学习的是BOM(浏览器对象模型) 从下一节开始,我们将开始学习JavaScript的最后一个部分,DOM编程。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年02月26日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • window对象常用的方法
  • 事件
  • location对象
  • screen对象
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档