zoukankan      html  css  js  c++  java
  • Dom常用操作

    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("属性名称")

  • 相关阅读:
    KMP
    图论知识,博客
    POJ 2318/2398 叉积性质
    CF821 E. Okabe and El Psy Kongroo 矩阵快速幂
    CF821 D. Okabe and City 图 最短路
    CF821 C. Okabe and Boxes 栈模拟
    CF821 A. Okabe and Future Gadget Laboratory 水
    Atcoder arc077 D
    Atcoder #017 agc017 D.Game on Tree 树上NIM 博弈
    Atcoder #017 agc017 B.Moderate Differences 思维
  • 原文地址:https://www.cnblogs.com/Jonish/p/3272241.html
Copyright © 2011-2022 走看看