javascript知识点之DOM与window对象

在学习javascript过程中只是一知半解好多,碰到自己不知道属性方法,到最后都不知道自己学到了什么 js代码为什么这样写 为什么你知道这方法或属性可以这样用。

DOM和window对象

DOM基本操作:

获得节点:

document:通过元素ID获取节点,标签,name属性

节点指针:获取元素首个子节点,最后一个,子节点列表,兄弟节点的前一个后一个,节点的父节点

节点操作:

创建节点:创建元素节点,属性节点,文本节点

插入节点:节点的子节点添加新的子节点  已有节点前插入新子节点

替换节点:将某个子节点替换另一个

复制节点:创建指定节点的副本

删除节点:删除指定的节点

属性操作:

获取属性:获取元素节点指定属性的属性值

设置属性:创建或改变元素节点的属性

删除属性:删除元素中指定属性

文本操作:

insertData(offset,String):     从offset指定的位置插入string

appendData(string):            将string插入到文本节点的末尾处

deleteDate(offset,count):      从offset起删除count个字符

replaceData(off,count,string): 从off经count个字符用string替代

splitData(offset):             从offset起将文本节点分成两个节点

substring(offset,count):       回由offset起的count个节点

----------------------------------------------------------------------------------------------------------------------------------------------------

window对象

navigator导航器对象:

appCodeName:     返回浏览器代码名

appName:         返回浏览器名称

appVersion:      返回浏览器的平台和版本信息

cookieEnabled:   返回浏览器是否启用cookie的布尔值

platform:        返回运行浏览器的操作系统平台

userAgent:       返回有客户机发送服务器的user-agent头部的值

screen显示器对象:

availHeight: 返回显示荧屏可用高度

availWidth:  返回显示荧屏可用宽度

height:      返回屏幕的像素高度

width:       返回屏幕的像素宽度

colorDepth:  返回屏幕颜色的位数

history历史对象

back():       返回前一个URL

forward():    返回后一个URL

go():         返回某个具体页面

location位置对象

属性:

hash:      返回或设置从井号(#)开始的URL

host:      返回或设置主机名和当前URL的端口号

hostname:          当前URL的主机名

href:              完整URL

pathname:          当前URL的路径部分

port:              当前URL的端口号

protocol:                   协议

search:            从问号(?)开始的URL

方法:

assign(URL):    加载新的文档

reload():       重新加载当前页面

replace(newURL):用新文档替换当前文档

document文档对象

集合:

anchors[] imgaes,links,forms

描点对象数组,图片,连接,表单

属性:

cookie:     设置或返回当前文档有关的所有cookie

domain:     返回当前文档的域名

referrer:   返回载入当前文档的文档URL

title:       返回当前文档标题

URL:                     URL

方法:

open():     打开一个新的文档,并擦除文档旧内容

close():    关闭文档输入流

write():    当前文档追加写入文本

writenln(): 与write()相同,在<pre>中追加换行

窗口控制:()

moveBy:   moveBy(x,y)按照给定像素参数移动指定窗口

moveTo:   moveTo(x,y)窗口移动的指定的坐标(x,y)处

resizeBy: resizeBy(水平,垂直)当前窗口改变指定大小

resizeTo: resizeTo(水平宽度,垂直宽度)

scrollBy: scrollBy(水平位移量,垂直位移量)参数正滚动负先滚动

scrollTo: 窗口内容滚动到指定位置

焦点控制:

focus:得到焦点

blur:失去焦点

打开关闭窗口:

open:

open("URL","窗口名称","窗口风格")

打开新的窗口并在窗口中装载指定URL地址网页

窗口风格:

height: 窗口高度    不能小于100

width:      宽度    不能小于100

left:       左坐标  不能为负值

top:        右      不能为负值

location:   yes/no  是否显示地址

menubar:    yes/no  是否显示菜单栏

resizable:  yes/no  是否改变窗口大小

scrollbars: yes/no  是否允许出现滚动条

status:     yes/no  是否显示状态栏

toolbar     yes/no  是否工具栏

close:

close():指定关闭浏览器窗口

定时器:

setTimeout:   当前指定的毫秒数后,自动执行能代码

clearTimeout: 取消由setTimeout()设置的定时器

setInterval:  指定周期重复执行的功能代码

clearInterval:取消setInterval()设置的时间间隔器

对话框:

alert:   警告框

confirm: 确认框 确定返回true 取消返回false

prompt:  输入框 确定返回输入字符串 取消返回null值

属性:

状态栏:

defaultStatus  改变浏览器状态栏的默认显示

status         临时 改变浏览器状态栏的显示

窗口位置:

IE:

screenLeft 声明窗口左上角的X坐标

screenTop  声明窗口左上角的y坐标

document.body.scrollLeft 声明当前文档先右滚动

document.documentElement.scrollLeft  过的像素数

document.body.scrollTop  声明当前文档先下滚动

document.documentElement.scrollTop  过的像素数

!IE:

screenX 声明窗口左上角的X坐标

screenY  声明窗口左上角的y坐标

pageXOffset 声明当前文档向右滚动过的像素数

pageYOffset 声明当前文档向下滚动过的像素数

FF:

innerHeight 返回窗口的文档显示区的高度

innerWidth                        宽度

outerHeight  返回窗口的外部高度

outerWidth                 宽度

其他属性:

opener: 可以实现同域名下跨窗体之间的通讯一个窗体到另一个窗体的opener

closed: 当前窗口关闭返回true

name:   返回或设置窗口名称

self:   返回当前窗口的引用

时间: 2024-10-18 11:36:01

javascript知识点之DOM与window对象的相关文章

DOM、Window对象操作

一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: function Show() { } 语

(13)JavaScript之[HTML DOM元素][JS对象]

元素 1 /** 2 * HTML DOM 元素(节点)*/ 3 4 //创建新的HTML元素 5 var para = document.createElement('p'); 6 var node = document.createTextNode('这是一个新段落'); 7 para.appendChild(node); 8 9 var box = document.getElementById('box'); 10 box.appendChild(para); 11 12 //删除已有的

javascript学习笔记整理(window对象)

浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心 A.属性 1.(位置类型-获得浏览器的位置) IE:window.screenLeft    获得浏览器距屏幕左上角的左边距  window.screenTop    获得浏览器距屏幕左上角的上边距 FF:  screenXscreenY 2.获得浏览器的尺寸 window.innerWidth      获得窗口的宽度window.innerHeight      获得窗口的高度

黑马JavaScript学习一 BOM之Window对象定时器功能

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 </head> 7 <body> 8 <img id="lunbo" src="img/banner_1.jpg" alt="&q

Javascript中的window对象

Javascript中包括三部分:ECMAScript.BOM和DOM.window对象属于BOM. window对象,是js顶层对象,表示整个浏览器窗口,不仅仅js内容,整个HTML页面(包括所有元素和CSS内容)也都在window对象的管理之下. 示例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

&lt;JavaScript&gt; 六. window对象的属性和方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 /* 7 BOM: Browser Object Model 浏览器对象模型 8 提供了访问和操作浏览器各组件的方式 9 10 window: 浏览器窗口 JS中最大的对象, 其它对象都是它的子对象 11 location: 地址栏 12

javascript之DOM(二Document对象)

javascript通过Document类型来表示文档.在浏览器中document是HTMLDocument对象(继承自Document)的一个实例,表示整个html页面.而且在浏览器中document对象还是window对象的一个属性,因此可以作为全局属性来用 Document节点具有下列特征: nodeType=9 nodeName="#document" nodeValue=null parentNode=null ownerDocument=null 其子节点可以使Docume

JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)

本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param+"<br/>"); } function print(param){ document.write(param); } window对象中的方式: 方法: confirm : bConfirmed = window.confirm( [sMessage]) 显示一个确认对话框

javascript中window对象 部分操作

<!--引用javascript外部脚本--> <script src="ss.js"></script> <script> //警示框 alert("text"); //确认框 接收true 与 false confirm("text"); //可输入内容的确认框 接收value值 prompt("text","value"); //数组定义 三种方式 va