DOM 操作属性

DOM操作就是针对对象的操作

先写一个按钮,<input tupe="button" value=""  id="id">  这个按钮就是一个对象

var oBtn1 = document.getElementById(‘id‘);  理解为通过id来去元素,实用document这种DOM操作,然后将元素放到变量中。

oBtn1代表了这个按钮,对它的操作就会修改按钮

oBtn1.onclick = function(){

alert(‘aaa‘);

}

通过id取到了一个按钮,用oBtn1代表,给这个按钮写了一个点击事件,只要点击一次就会触发一次函数内的代码(事件)。

window对象操作

window.open(‘页面地址‘,‘打开方式‘,‘控制窗口格式‘)

打开方式:_black 在新的窗口打开,_self在自身窗口打开。

控制窗口格式:【toolbar = no 新打开窗口无滚动条;

menubar = no 无菜单栏

status = no 无状态栏 】  ------ 这三个不兼容

width  height 宽度  高度

resizable = no 窗口大小不可调

top  left   距离那里多少距离

window.close () 关闭当前窗口

关闭多个窗口的方法:

将打开的窗口保存在一个变量或者数组w中,然后w.close();

关闭当前窗口的父级窗口:window.opener.close();

父级窗口

调整页面

window.moreTo(x,y)移动到页面的某一位置

将这一个页面移动到屏幕的某一坐标上,

window.resizoTo( 宽,高)调整页面大小

这两条都是以左上角为准,只对ie有用。

window.scrollTo(x,y)滚动页面到此页的那里。这条高级浏览器(谷歌,搜狐,360)也可以用

模态对话框与非模态对话框。

window.showModaIDialog();会在当前页面打开一个对话窗口。(很丑)

window.history对象

document.getElementById(‘‘).onclick = function(){

window.history.back();

}  点击按钮页面后退

window.history.forward();前进。

window.hisroty.go();里面放数字,1就是前进1次,-1就是后退1次.一般就直接用这个,比上面两个好用。

window.location对象

var s = window.location.href  获取页面地址放到变量里

window.location.href = ‘‘ ;修改页面地址,并跳转。与open不同的是,这个不会被屏蔽。

如果是想让页面弹出窗口就用open,想跳转就用location。

定时器

第一种。 像是c4类型,计时结束后爆炸,一次性的(计时结束后执行代码。)

window.setTimeout(‘执行的代码‘,‘延时时间‘);  -- 时间以毫秒为单位

也可以把要执行的代码改成函数形式

window.settimeput(function(){

要执行的函数

},1000);

第二种。 持续型的,每隔一段时间就执行一次。

window,setInterval();   --格式同上

第三种。 清除定时器。

window.clearInteral(要关闭的定时器对象)

这个可以写在setInteral计时器的function里面,可以给他一个判断条件,满足条件就清除。

也可以写在定时器外面,都可以。

时间: 2024-10-14 15:30:46

DOM 操作属性的相关文章

jQuery DOM操作-属性操作

attr(): 获取和设置属性. removeAttr(): 删除属性. 1 <script type="text/javascript"> 2 $(function(){ 3 $("ul li:eq(0)").removeAttr("title").attr("style","background-color:#f00;"); 4 }); 5 </script> prop(): 获

JQuery基本知识、选择器、事件、DOM操作、动画

1:基本选择器 <title></title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <form id="form1" runat="server"> <div id="div1"> <a>aaaaa</a> <%--

jQuery 【事件】【dom 操作】

事件  hover( function(){},function(){})   --  鼠标移入移出事件   toggle(function(){},function(){},function(){},....)  -- 循环执行,花括号内各方法循环执行  对象.live("事件名",function(){});  -- 对未来创建的元素进行操作 -- btn1 的点击事件中创建 class="div2" 的 div 放到 id="div1" 的

DOM操作HTML元素属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM操作HTML元素属性</title> </head> <body> <ul> <li></li> <li></li> <li></li> <

JavaScript DOM操作案例点击按钮修改div的属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="修改属性" id="bt"/> <div id=&q

08.16号 dom 节点的创建 和删除DOM表单与非表单取值的方法 和操作属性与操作样式

<html> <head> <meta charset="utf-8"> <title>Dom操作</title> <script type="text/javascript" src="08.16/08.16.js"></script> </head> <body> <!--dom节点添加 删除 ; createElemen 创建一

JS DOM基础 操作属性、类、CSS样式

操作属性和类 一.属性节点操作 文本节点内容的获取和修改: 语法:elementNode.attributeName ( 元素节点.属性名)     也可以使用“[ ]” ( 元素节点[属性名]) 注意:一般我们操作属性节点时是不需要获取属性节点的,而是直接通过元素节点获取(/修改)属性节点的值.      特别的,有些属性名称与js关键字或者保留字冲突了,只能用另外的名字: class属性:要写成className(class是关键字). label标签的for属性:写成htmlFor. 通过

Html 内嵌 选择器属性 Dom操作 JavaScript 事件

HTML标签: 一.通用标签(一般标签) 1.格式控制标签 <font color="#6699aa" face="楷体" size="24">文字</font><b>加粗</b><i>倾斜</i><u>下划线</u><br/>换行 ** 空格 **<center>居中</center> * 2.内容标签 <h

JavaScrip——DOM操作(属性操作)

Attribute a.setAttribute("属性名","属性值")——设置属性 a.getSttribute("属性名")——获取属性 a.removeAttribute("属性名")——移除属性 举例说明: 例子1:做一个问题,如果输入的答案正确则弹出正确,错误弹出错误: 这里在text里面写了一个daan属性,里面存了答案的值,点击检查答案的时候cheak输入的内容和答案是否一样: <!DOCTYPE htm