js初级笔记

javascript基础

1.javascript组成ECMAScript:解释器翻译几乎没有兼容性问题

DOM document object Model 操纵页面有一些兼容性问题

BOM browser Object Model 操作浏览器页面之外的功能(window) 几乎不兼容

2.检测变量类型typeof a; 数字类型number 字符串类型string 布尔boolean function

object 变量类型由其中存储的类型决定数组也是对象

undefined 1.真的没定义2.没有赋值

alert(typeof a);

3.DOM 节点父节点子节点一个子节点只能有一个父节点文本节点元素节点

childNodes 获取子节点ul.childNodes[]

注意：火狐下空的文本节点也作为子节点

nodeType 3文本节点

1 元素节点

在火狐下必须判断子节点的类型是否为1 才能进行操作

children 兼容版childNodes

隐藏

点击隐藏则隐藏的是a的父级aA.parentNodes.style.display=‟none‟;

offectpParent 定位父级absolute relative

IE----firstChild 火狐-----firstElementChild

lastChild lastElementChild

解决办法ofirst=oul.firstChild||oul.firstElementChild

ofirst.style.background..........

兄弟节点nextSibling nextElementSibling

previousSibling nextElementSibling

4.元素属性操作oDiv.style.display=”block”;

oDiv.style[“display”]=”block”;

DOM方式

a)setAttribute(…属性‟,‟值‟)

b)getAttribute() 获取

c)removeAttribute() 删除属性

5.元素灵活查找

className 相同的class 找到父级循环找className

封装成函数getByclass(oParent,classname){

var all=oParent.getElementByTagName(…*‟); //*通配符表示所有

var i=0;

var aResult=[];

for(i=0;i

{

if(all[i].className==classname){

aResult.push(all[i]); //push往数组中堆放元素

}

return aResult;

}

}

6.BOM 操作

a)打开关闭窗口close open(“url”,‟方式‟) 方式target _blank 新窗口

_parent

_self 当前窗口

open由返回值

about:blank新的空白页

close只有被脚本打开的页面才不被阻止

b)document.write 清空当前页面并写东西

c)window.location 文档在系统中的存放位置还可以用作跳转

7.尺寸及坐标

a)可视区尺寸document.documentElement.clientWidth

document.documentElement.clientHeight

b)document.body.scrollTop 可视区到页面顶端的高度

c)document.documentElement.scollTop

8.系统对话框

普通消息窗口alert

确认窗口confirm 有返回值true false

输入框prompt() 返回字符串或null

9.window常用事件onload onscroll onresize

重叠事件window.onload=window.onresize=window.onscroll=function(){}

div.style.top=可视区到顶端的距离+（可视区高-div高）/2

会抖动

不抖动方式css定位position：fixed; right:0;top 50%; margin-top:-50px;

10.回到顶部按钮按钮位置css fixed定位右下角

定时器通过设置速度和

document.documentElement.scrollTop=document.body.document.scrollTop=

11.如何判断用户拖动的滚动条

每次系统定时器执行该函数时都设置beSystem=true;中断定时器