博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Dom常用操作
阅读量:5093 次
发布时间:2019-06-13

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

1.alert:  语法alert("内容1"),弹出警告,输出内容1的值.

2.window.confirm:  语法window.confirm("内容1"),弹出有"确定"和取消的对话框,并输出内容1的值;如果用户点击的是确定,则返回的是true.

3.navigate:  语法navigate("url地址"),重新导航到指定的地址.

4.setInterval:  var IntervalID = setInterval("alert('hello')",5000);每隔一段时间执行指定的代码,第一个参数为代码的字符串,第二个参数为间隔时间(单位毫秒),返回值为定时器的标识.

5.clearinterval:  语法clearinterval(计时器的标识);取消setInterval的定时执行.

6.setTimeout:  语法同setInterval;也是定时执行,但不像setInterval那样是重复的定时执行,只执行一次.

7.clearTimeout:  语法同clearInterval,取消setTimeout的定时执行.

8.window.event.returnValue ="string";一般在onbefortunload事件中调用,会产生"确定"和"取消"按钮,并输出string的值.

9.window.event  用来获取事件时的信息,  

(1)altKey属性,bool类型,表示发生事件时alt建是否被按下,类型的还有ctrlKey和shiftKey属性.  

(2)clinetXhe clinetY发生事件时鼠标在客户区的坐标;screenX和screenY发生事件时鼠标在屏幕上的坐标;offsetX和offsetY发生事件时鼠标相对于事件源(比如点击按钮时触发onclick)的坐标.  

(3)returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理.  

(4)scrElement属性,获取事件源对象(即哪个标签触发的这个事件).  

(5)KeyCode属性,获取发生事件时的按键值.

(6)button属性,获取发生事件时鼠标按钮,1为左键,2为右键,3为左右键同时按.

10.history  操作历史记录.  

(1)后退:window.history.back()或者window.history.go(-1)  

(2)前进:window.history.forward()或者window.history.go(1)

11.screen  获取屏幕的信息.screen.width获取屏幕的宽度;screen.height获取屏幕的高度.

12.clipboardData  对粘贴板的操作.

(1)clearData("Text")清空粘贴板内容.  

(2)getData("Text")读取粘贴板的值,返回值为粘贴板中的内容.  

(3)setData("Text","string")设置粘贴板中的值.  //注:Text是默认的,也不能改,需要用户输入的内容是string那部分.

13.document  用来想文档中写入.

(1)write:向文档中写入内容.writeIn,和write差不多,只是最后添加一个回车.在onclick等事件中写的代码会冲掉页面中的内容,只有在页面加载过程中write才会与原有的内容融合在一起.write经常在广告代码和整合资源代码中被使用.  

(2)getElementById:根据元素的Id获得对象,网页中id不能重复.也可以直接通过元素的id来引用元素,但是有效范围之类的问题(例如在定义之前引用),因此不建议直接通过id操作元素,而是通过getElementById

(3)getElementByName:根据元素的name获取对象,由于页面中元素的name可以重复,比如多个RadioButton的name一样,因为getElementByName返回值是对象数组.

(4)getElementByTagName:获得指定标签名称的元素数组,比如getElementByTagName("p")可以获取所以<p>标签.

(5)createElement:创建具有指定标签的DOM对象(即动态创建html标签),例子: var btn = document.createElement("input");

(6)appendChild属性:将创建元素添加到相应的元素下,例子:先在body下声明个层, <div id"divMain"></div>,之后在js下写divMain.appendChild(btn);注意:如果在Table下动态添加行和列的话,在创建Table内加入一对<tbody></tbody>标签,appendChild绑定到tbody上,这样就可以实现Table的动态添加行和列了.

14.innerText 和 innerHTML 属性  几乎所有的DOM元素都有这两个属性,分别是元素标签内容的文本表示形式和HTML源代码,这两个属性是可读可写的.尤其是写,在innerText中可以改变一对标签中间的内容,即<>...</>中的...;而innerHTML不仅可以改变一对标签中间的内容,还可以改变显示格式,如在...中加入一对font标签.

15.Date对象  获取时间信息,先实例化一个对象, var now = new Date(),之后使用它提供的方法.

16."事件冒泡"  如果元素A嵌套在元素B中,那么A被点击不仅A的onclick事件会被触发,B的onclick也会被触发.触发的顺序是"由内而外".

17.this  this表示发生事件的控件,只有在事件响应函数才能使用this获得发生事件的控件(即在事件所以的标签内使用this,否则找不到this对象),在事件响应函数调用的函数中不能使用,如果要使用则要将this传递给函数或者使用event.srcElement.//注,this表示当前事件的对象,而event.srcElement是引发事件的对象,两者在事件冒泡中有明显的区别.

18.css样式  

(1) class选择器,通过 ".选择器的名称"的方式来声明.引用的时候,标签内的class=选择器名称,可以引用多个样式,中间加个空格.  

(2) ID选择器,通过 "#选择器的名称"方式来声明.引用的时候,标签的ID=选择器的名称.  

(3) 关联选择器.

(4) 组合选择器.

19.修改css中的class选择器的样式  调用就不多说了,主要是使用js动态修改.修改的并不是class,因为class是关键字,所以修改无效,应该修改className = "css样式".

20.单独修改样式的属性  单独修改样式的属性使用"style.属性名",比如divMain.style.属性名;但是不能使用属性名中带有"-"号的属性,比如background-color.应该是style.background;style.font-size则是style.fontSize.

21.层的显示和隐藏  通过修改divMain.style.display的值来显示或隐藏层,如divMain.style.display='',这个是显示层;而divMain.style.display='none',这个是隐藏掉层.

22.setAttribute  给某个标签的属性赋值,可以是虚构的属性,一般虚构的属性是为了保存数据,语法: 标签.setAttribute("属性名称",要赋的值);也可以取出属性值, 标签.setAttribute("属性名称")

 

 

 

 

 

 

转载于:https://www.cnblogs.com/Jonish/p/3272241.html

你可能感兴趣的文章
IO流写出到本地 D盘demoIO.txt 文本中
查看>>
Windows10 下Apache服务器搭建
查看>>
HDU 5458 Stability
查看>>
左手坐标系和右手坐标系
查看>>
solr后台操作Documents之增删改查
查看>>
http://yusi123.com/
查看>>
文件文本的操作
查看>>
Ubuntu linux下gcc版本切换
查看>>
记一次Web服务的性能调优
查看>>
jQuery.form.js使用
查看>>
(转)linux sort,uniq,cut,wc命令详解
查看>>
关于ExecuteNonQuery执行的返回值(SQL语句、存储过程)
查看>>
UVa540 Team Queue(队列queue)
查看>>
mysql数据增删改查
查看>>
akka之种子节点
查看>>
不知道做什么时
查看>>
matlab 给某一列乘上一个系数
查看>>
密码学笔记——培根密码
查看>>
Screening technology proved cost effective deal
查看>>
MAC 上升级python为最新版本
查看>>