博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS之BOM的window对象
阅读量:5139 次
发布时间:2019-06-13

本文共 1386 字,大约阅读时间需要 4 分钟。

javascript组成部分:

  EMCAScript(基本语法)

  DOM

  BOM( Browser Object MOdel) 浏览器对象模型.

1、BOM

浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述,如果我们要
操作浏览器的一些属性,就可以通过浏览器对象模型的对象进行操作。
window 代表了一个新开的窗口
location 代表了地址栏对象。
screen 代表了整个屏幕的对象

 

2、window对象常用的方法:

open() 打开一个新的窗口。

  其有四个属性,第一个为URL地址;第二个是窗口打开的方式;第三个是窗口打开的大小、地址栏是否存在、工具栏是否存在、距离窗口的位置等等;第四个参数时如果                         URL找不到就用这个取代

resizeTo() 将窗口的大小更改为指定的宽度和高度值。
moveBy() 相对于原来的窗口移动指定的x、y值。
moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
setInterval() 每经过指定毫秒值后就会执行指定的代码。
clearInterval() 根据一个任务的ID取消的定时任务。
setTimeout() 经过指定毫秒值后执行指定 的代码一次。
注意: 使用window对象的任何属性与方法都可以省略window对象不写的。

无标题文档

 3、window中常用事件

事件:

注册事件的方式:
  方式一: 直接在html元素上注册
    <body οnlοad="ready()">
    function ready(){
        alert("body的元素被加载完毕了..");
    }
  方式二:可以js代码向找到对应的对象再注册。 推荐使用。
    var bodyNode = document.getElementById("body");
    bodyNode.onload = function(){
        alert("body的元素被加载完毕");
     }

常用的事件:

鼠标点击相关:

  onclick 在用户用鼠标左键单击对象时触发。
  ondblclick 当用户双击对象时触发。
  onmousedown 当用户用任何鼠标按钮单击对象时触发。
  onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。

 

鼠标移动相关:

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

焦点相关的:

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

其他:

  onchange 当对象或选中区的内容改变时触发。
  onload 在浏览器完成对象的装载后立即触发。
  onsubmit 当表单将要被提交时触发。(一般应用于下拉框)

无标题文档 查看当前系统时间: 用户名

 

转载于:https://www.cnblogs.com/mswangblog/p/6444782.html

你可能感兴趣的文章
web.config详解
查看>>
ZJOI2018游记Round1
查看>>
侧边栏广告和回到顶部
查看>>
https://blog.csdn.net/u012106306/article/details/80760744
查看>>
【转】从头到尾彻底理解KMP
查看>>
ios应用版本号设置规则
查看>>
海上孤独的帆
查看>>
error: more than one device and emulator 问题解决
查看>>
Java基础:容器
查看>>
YUV摘要格式
查看>>
【方法2】删除Map中Value反复的记录,而且仅仅保留Key最小的那条记录
查看>>
C# CheckedListBox控件的使用方法
查看>>
【HDOJ】2007平方和与立方和
查看>>
Cordova入门系列(一)创建项目
查看>>
蛋痛的C#和.net,采集问题(小数点)
查看>>
zabbix使用percona插件监控mysql
查看>>
反转String 1
查看>>
[文章]大数据实时处理:百分点实时计算架构和算法
查看>>
tomcat放置静态html页面
查看>>
【Demo 0012】进程与线程
查看>>