0417 jsBom操作+Dom再次整理

2024-04-21 08:31:07

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

0417 jsBom操作+Dom再次整理相关推荐

Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前, ...
【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...
jQuery操作DOM对象
jQuery操作DOM对象 1.使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设 ...
HTML5 本地文件操作之FileSystemAPI整理（二）
一.文件目录操作 1.DirectoryEntry对象属性: 1.isFile: 操作对象的是否为文件,DirectoryEntry对象固定其值为false 2.isDirectory: 操作对象是 ...
读Zepto源码之操作DOM
2019独角兽企业重金招聘Python工程师标准>>> 这篇依然是跟 dom 相关的方法,侧重点是操作 dom 的方法. 读Zepto源码系列文章已经放到了github上,欢迎sta ...
jQuery 操作 DOM
为什么80%的码农都做不了架构师?>>> 操作 DOM 使用jquery 选择器得到节点的 jquery对象.使用 jquery对象可以操作dom! 修改Text和Html ...
通过JavaScript简单的操作DOM（一）
通过JavaScript简单的操作DOM (一)简单的前提概念 1.DOM简介 DOM,文档对象模型.描述了HTML和XML文档结构,然后提供API,来帮助开发人员添加.删除.修改页面的某一部分. ( ...
java操作dom节点的添加_java操作DOM节点的添加，删除，修改
java操作DOM节点的添加,删除,修改下面我们开始对此xml添加,删除,修改:方法一 import java.io.File; import java.io.IOException; import ...
解决Git Revert操作后再次Merge代码被冲掉的问题
解决Git Revert操作后再次Merge代码被冲掉的问题参考文章: (1)解决Git Revert操作后再次Merge代码被冲掉的问题 (2)https://www.cnblogs.com/ja ...

最新文章

热门文章