JavaScript Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
//HTML DOM常用操作
getElementById()                        //返回带有指定 ID 的元素。
element.getElementsByTagName()          //返回拥有指定标签名的所有子元素的集合。
getElementsByClassName()                //返回包含带有指定类名的所有元素的节点列表。
element.appendChild()                   //向元素添加新的子节点,作为最后一个子节点。
element.removeChild()                   //从元素中移除子节点。
element.replaceChild()                  //替换元素中的子节点。
createAttribute()                       //创建属性节点。
createElement()                         //创建元素节点。
createTextNode()                        //创建文本节点。
element.getAttribute()                  //返回元素节点的指定属性值。
element.setAttribute()                  //把指定属性设置或更改为指定值
element.offsetHeight                    //返回元素的高度。
element.offsetWidth                     //返回元素的宽度。
element.offsetLeft                      //返回元素的水平偏移位置。
element.offsetTop                       //返回元素的垂直偏移位置。
element.scrollHeight                    //返回元素的整体高度。
element.scrollLeft                      //返回元素左边缘与视图之间的距离。
element.scrollTop                       //返回元素上边缘与视图之间的距离。
element.scrollWidth                     //返回元素的整体宽度。
element.clientHeight                    //返回元素的可见高度。
element.clientWidth                     //返回元素的可见宽度。
element.childNodes                      //返回元素子节点的 NodeList。
element.className                       //设置或返回元素的 class 属性。
element.id                              //设置或返回元素的 id。
element.innerHTML                       //设置或返回元素的内容。
element.insertBefore()                  //在指定的已有的子节点之前插入新节点。

//HTML BOM常用操作
window.open()                           //打开窗口。返回一个指向新窗口的引用。
window.close()                          //关闭窗口。
window.resizeTo()                       //调整窗口尺寸到指定值
window.resizeBy()                       //增加窗口尺寸,增加量为指定值
window.moveTo()                         //移动窗口
window.moveBy()                         //移动窗口,坐标增加量为指定值
window.innerHeight                      //浏览器窗口的内部高度
window.innerWidth                       //浏览器窗口的内部宽度
window.setTimeout()                     //超时调用
window.clearTimeout()                   //取消超时调用
window.setInterval()                    //间歇调用
window.clearInterval()                  //取消间歇调用
window.alert()                          //警告框
window.confirm()                        //确认对话框。返回布尔值,点击确定返回true,点击取消返回false
window.prompt()                         //提示框。点击确定返回文本框的值,点击取消返回null
window.print()                          //打印对话框
window.find()                           //查找对话框
location.href                           //完整URL,如//www.wellintech.com:8080/index.html?name='Michael'&age='23'#contents
location.protocol                       //协议名,如location.hostname
location.host                           //服务器名及端口号,如www.yinzitang.com:8080
location.port                           //端口号,如8080
location.pathname                       //目录和文件名,如/path/to/homepage/index.html
location.search                         //查询字符串,以问好开头,如?name='peter'&age='20'
location.hash                           //散列值,即#号后面,如#contents
location.assign()                       //打开指定URL,并在历史记录中生成一条记录。
                                        //等价于location.href = URL和window.location = URL。
location.replace()                      //打开指定URL,但不生成新的历史记录。
location.reload()                       //重新加载当前页面。默认以最有效的方式加载,可能会请求到缓存。
location.reload(true)                   //重新加载当前页面,强制从服务器重新加载。
navigator.userAgent                     //用户代理字符串
navigator.plugins                       //安装插件信息的数组
navigator.onLine                        //检测设备在线还是离线
screen.availWidth                       //可用的屏幕宽度。以像素计,减去界面特性,比如窗口任务栏。
screen.availHeight                      //可用的屏幕高度。以像素计,减去界面特性,比如窗口任务栏。
screen.width                            //屏幕的像素宽度
screen.height                           //屏幕的像素高度
screen.colorDepth                       //颜色位数

history.go()                            //跳转到任意历史记录。
                                        //若传入整数,正数为前进,负数为后退。
                                        //若传入字符串,则跳转到历史记录中包含该字符串的第一个位置。
history.back()                          //后退一页
history.forward()                       //前进一页
history.length                          //历史记录的数量。对于窗口中第一个打开的页面而言,其history.length为0。
history.pushState()                     //历史状态管理。将新的状态信息加入历史状态栈。
history.replaceState                    //历史状态管理。重写历史状态。

HTML DOM和BOM常用操作总结的更多相关文章

  1. DOM_05之DOM、BOM常用对象

    1.HTML DOM常用对象之Table:①创建:createTHead():createTBody():createTFoot():②删除:deleteTHead():deleteTFoot():③ ...

  2. JavaScript基础DOM介绍和常用操作(5)

    day53 参考:https://www.cnblogs.com/liwenzhou/p/8011504.html JavaScript引入方式 location对象 window.location ...

  3. JavaScript HTML DOM元素节点常用操作接口

    在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...

  4. JavaScript DOM 常用操作

    1.理解DOM: DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口. 怎么说,我从两个角度理解: 对于JavaScript ...

  5. 前端基础之DOM和BOM

    前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏 ...

  6. Javascript的组成——EMACScript、DOM、BOM

    EMACScript:一种规范,JS必须准守它的约定,JS的核心. DOM:文档对象模型,W3C标准,JS访问HTML文档的接口. BOM:浏览器对象模型,没有统一的标准.JS访问浏览器的接口. EM ...

  7. day 52 js学习 DOM 和BOM

    前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DO ...

  8. JS(DOM 和 BOM)

    JS(DOM 和 BOM) 常说的JS(浏览器执行的JS)包含两部分:1.JS基础知识(语法)(ECMA262标准)2.JS-Web-API(W3C标准) W3C 标准中关于 JS 的规定有:(只管定 ...

  9. 前端学习 之 JavaScript DOM 与 BOM

    一. DOM介绍 1. 什么是DOM? DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构. 目的其实就是为了能让js操作html元素而制定的一个规范. DOM就 ...

随机推荐

  1. 算法笔记_083:蓝桥杯练习 合并石子(Java)

    目录 1 问题描述 2 解决方案   1 问题描述 问题描述 在一条直线上有n堆石子,每堆有一定的数量,每次可以将两堆相邻的石子合并,合并后放在两堆的中间位置,合并的费用为两堆石子的总数.求把所有石子 ...

  2. LoadRunner测试ajaxweb程序攻略

    用loadrunner测试WEB程序的时候总是会碰到AJAX或者ActiveX实现的功能,而通常这些功能会包含很多客户端函数(一般为JavaScript).我们该如何处理?如果从功能实现的角度去考虑这 ...

  3. error: could not install *smartsocket* listener: cannot bind to 127.0.0.1:5037

    问题原因:端口5037被占用 解决方案: 方式一:可以用cmd命令 C:\Users\Administrator>netstat -ano | findstr "5037" ...

  4. 基于C#的控制台的进度提示实现

    在网上搜了很多关键词,比如C#控制台如何删除上一行输出,C#如何控制台删除部分内容,但是都没有很好的教程. 所以自己动手研究一下.也不是什么高深的东西,如下: 用C#开发了一个爬虫下载器,为了知道还剩 ...

  5. angular过滤器使用 自定义过滤器

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...

  6. git团队协作流程

    创建项目,在github上增加一个repository,在要提交的工程目录下打开git bash,执行git init 命令,用于初始化,可使用git status 查看git状态,然后使用git a ...

  7. CSS/JQuery元素选择器之&amp;&amp;和||,选择器的逻辑操作

    使用CSS或JQuery选中元素的时候.非常多时候我们须要对条件进行&&或者||操作. JQuery或者CSS中的||操作是非经常常使用的.也非常easy,就是通过逗号来分隔的. se ...

  8. 统一修改 UINavigationBar backItem

    { UINavigationBar * navigationBar = [UINavigationBar appearance]; //返回按钮的箭头颜色 [navigationBar setTint ...

  9. NGUI 取ScrollView中遮罩区域4个点

    用panel.localCorners而不是panel.finalClipRegion,Region还要再换算 首先通过ScrollView取panel,然后取Corners,它返回值代表4个点,映射 ...

  10. source insight 支持verilog 及使用技巧

    安装 1.首先到官网下载clf文件 http://www.sourceinsight.com/public/languages/ 2.配置source insight 以前有的先删除 Options ...