javascript特效<一>--学习笔记

程序的调试方法:
注释调试法：
输出调试法:
alert()调试法
document.write()调试法
console对象调试法

window对象
windowd对象常用属性:
history:用户(在浏览器窗口中)访问过的URL
location:用于窗口或框架的Location对象
screen:对Screen对象的只读引用
status:设置窗口状态栏的文本
document:对Document对象的只读引用

windowd对象常用方法:
prompt() 显示可提示用户输入的对话框
alert() 显示带有一个提示信息和一个确定按钮的警示框
confirm() 显示一个带有提示信息、确定和取消按钮的对话框
open() 打开一个新的浏览器窗口,加载给定URL 所指定的文档
close() 关闭浏览器窗口
setTimeout() 在指定的毫秒数后调用函数或计算表达式
setIntervla() 按照指定的周期(以毫秒计)来调用函数或表达式
常用方法的语法介绍：
open()方法：用于打开一个新的浏览器窗口或查找一个已命名的窗口
语法：newWin=window.open(“弹出窗口的url”,”窗口名称”,”窗口特征”)
示例:var newWin=window.open(“aaa.html”,”广

告”,”height=300,width=320,toolbar=0,scrollbars=0,location=0,status=0,menubar=0,resizable=0”);
open()方法的窗口属性:
height、width :窗口文档显示区的高度、宽度。以像素计算
left、top:窗口的x坐标、y坐标。以像素计
toolbar=yes|no 或者 1|0 :是否显示浏览器工具。默认是yes
scrollbars=yes|no 或者1|0 :是否显示滚动条。默认是yes
location=yes|no 或者1|0 :是否显示地址字段。默认是yes
status=yes|no 或者1|0 :是否添加状态栏。默认 是yes
menunbar=yes|no 或者1|0 :是否显示菜单栏。默认是yes
resizable=yes|no 或者1|0 :窗口是否可调节尺寸。默认是yes
titlebar=yes|no 或者1|0 :是否显示标题栏。默认是yes
fullscreen=yes|no 或者1|0 :是否使用全屏模式显示浏览器。默认是no
close()方法 用于关闭浏览器窗口
某个窗口可以通过调用self.close() 或只调用close()来关闭自身。
定时函数:
setInterval(fn,millisec)方法
可按照指定的周期(以毫秒计)来调用函数或计算表达式,循环执行多次。
setTimeout(fn,millisec)方法
用于在指定的毫秒数后调用函数或计算表达式，只执行一次。
示例:
//开启一个定时函数

var i=1; function ss(){ document.getElementById("num").innerHTML=i++; } function set1(){ setInterval("ss()",1000); }

0

定时清除:
clearInterval(timer)方法
可取消由setInterval()设置的timeout
clearTimeout(tmier)方法
可取消由setTimeout()方法设置的timeout
示例:
function set1(){
timer1=setInterval(“ss()”,1000);
}
function set2(){
timer2=setTimeout(“ss()”,1000);
}
function clear1(){
clearInterval(timer1);
}
function clear2(){
clearTimeout(timer2);
}

history属性
history属性就是History对象的引用
方法:
back():加载上一个浏览的文档
forward():加载下一个浏览过的文档
go(n):n为整数,跳转第n个浏览过的文档
n==0 则刷新当前页面
n>0 则向前跳转到第n个文档
n<0 则向后跳转到第n个文档

location属性
location属性就是Location对象的引用
属性:
host:设置或返回主机名和当前URL的端口号
hostname:设置或返回当前的URL的主机名
href:设置或返回完整的url,可用于设置跳转
hash:设置或返回从#号开始的URL(锚)
search:设置或返回从问号(?)开始的URL(查询部分)
方法:
reload():重新加载当前的文档,刷新页面
replace():新的文档替换当前文档

document属性
常用属性:
title:返回或设置当前文档的标题
常用方法:
write():向文档写HTML表达式或JavaScript代码
getElementById():返回对拥有指定的id的第一个对象的引用
getElementsByTagName():通过标签名来获得当前网页中的元素对象 返回带有指定名称的对象集合
getElementsByName(): 通过NAME来获得元素 返回带有指定名称的对象集合

关于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML

。（获取HTML当前标签的起始和结束里面的内容）

访问节点:
使用层次关系访问节点
parentNode:返回节点的父节点
childNodes:返回子节点集合,childNodes[i]
firstChild:返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点
lastChild:返回节点的最后一个子节点
nextSibling:下一个节点
previousSibling:上一个节点

访问节点兼容处理
//获取第一个节点
ofirst=oparent.firstElementChild || oparent.firstChild
//获取最后一个节点
olast=oparent.lastElementsChild || oparent.lastChild
//获取上一个节点
opre=oparent.previousElementSibling || oparent.previousSibling
//获取下一个节点
onext=oparent.nextElementSibling || oparent.nextSibling

节点的信息
nodeName :节点名称
nodeValue :节点值
nodeType :节点类型

nodeName
元素节点的nodeName 是标签名称
属性节点的nodeName 是属性名称
文本节点的nodeName 永远是#text
文档节点的nodeName 永远是#document
nodeValue
对于文本节点,nodeValue属性包含文本
对于属性节点,nodeValue属性包含属性值
nodeType
元素返回1 属性返回2 文本返回3 注释返回8 文档返回9

操作节点的属性
getAttribute()
获取某个节点的属性值
节点对象.getAttribute(“属性名”);
setAttribute()
设置某个节点的属性值
节点对象.setAttribute(“属性名”,”属性值”);

创建和新增节点
主要方法：
createElement(tagNamae) 创建一个名为tagName的新元素节点
ANode.appendchild(BNode) 把B节点追加至A节点的末尾
inserBefore(ANode,BNode) 把A节点插入到B节点之前
Node.cloneNode(deep) deep为true则复制该节点以及该节点的所有子节点,为false则只复制该节点和其属性