0417 jsBom操作+Dom再次整理-优快云博客

本文详细介绍了浏览器对象模型(BOM)中Window对象的各种方法，包括页面打开、关闭及导航等，并对Window.history对象和Window.location对象进行了说明。此外，还讲解了DOM中的鼠标坐标获取、阻止默认行为和键盘按键事件的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BOM

1.Windows对象

window.open("打开的地址","打开的位置")
window.opener:打开此页面的上一个页面对象
window.close():关闭当前页面
window.navigate("url") 跳转至目标页面（超链接），在谷歌浏览器下有bug；（不常用）
window.moveTo(x,y) 移动页面至某一位置，位置由x和y决定；（不常用）
window.resizeTo(宽，高) 调整页面的宽度和高度；（不常用）
window.scrollTo（x,y）滚动页面至哪里，y代表纵向滚动；（不常用）

2.Window.history对象

window.history.back();页面进行后退；——主要记住
window.history.forward();页面前进；
window.history.go(n); n如果是正数则代表前进n个页面，n如果是负数则代表后退n个页面，一般常用这一种。

3.Window.location对象

window.location.href="http://www.baidu.com";修改页面地址，会跳转页面（超链接）

　　例如：window.location.replace('hxYunDL.html');

DOM:点击查看dom基础操作

1.获得鼠标的坐标信息
   event.clientX/clientY;    //相对dom区域坐标
   event.pageX/pageY;        //相对dom区域坐标，给考虑滚动条位置
   event.screenX/screenY;    //相对屏幕坐标

2.阻止浏览器默认动作
   浏览器默认动作，注册form表单页面，提交表单的时候，浏览器的页面会根据action属性值进行跳转，这个动作称为“浏览器默认动作”。
   event.preventDefault();    //主流浏览器
   event.returnValue = false;    //IE浏览器
   return false;             //dom1级事件设置起作用

3.感知被触发键盘键子信息
event.keyCode 获得键盘对应的键值码信息
通过事件触发时候获得的keyCode数值码信息可以对应键盘的键子信息。

转载于:https://www.cnblogs.com/flypea93/p/8869969.html