js学习笔记1

window对象：

对话框：

提示框：alert(str);

确认框：confirm(str);

var choose = confirm("你是女生？");

if(choose = true)

{

document.write("是");

}

else

{

document.write("不是");

}

消息对话框（可输入）：prompt(str1,str2);  //str1显示在框里，str2可修改(默认值)

var inp = prompt("成绩？");

if(inp >= 60)

{

document.write("及格了！");

}

else

{

document.write("不及格！");

}

打开：

window.open('url','打开方式','窗体形式');

打开方式：_blank 新窗口 _self 当前窗口 _top 框架网页上部窗口

形式：width height top、left[离开屏幕像素] menubar toolbar scrollbar status[状态栏]

关闭：.close();

计时器：

set/clearTimeOut(); //指定延迟执行 set(代码，延迟时间) 

set/clearInterval(); //间隔执行 set(代码，间隔时间)

eg:var c=setInterval("clock()",1000);

     function clock(){

var time= new Date();

var atTime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

    }

   clearInterval(c);

历史记录：History

window.history.length 历史记录URL数量

back()/go(-1) 前一个URL forward()/go(1) 后一个URL go() 某个特定页面 

screen对象：

width,height 屏幕分辩率宽高

availWidth,availHeight 屏幕可用宽高

DOM：

文档对象模型：元素节点、文本节点<ul><li>等、属性节点

var m = document.getElementById("id"); //获取标签

m.innerHTML //获取标签内的内容

m.value //获取、修改值

document.getElementsByName("name"); //指定名称节点对象集合

document.getElementsByTagName("标签名") //指定名称标签的节点对象集合

getAttribute("属性") //获取某个属性的值

setAttribute("属性",值) //设置某个属性的值

修改HTML属性：对象.style.属性="?"

属性：color、backgroundColor、width、height、font、fontFamily[字体系列]、fontSize

对象.style.display= "none[不显示]\block[显示]";

对象.className="样式表id";

取消style设置：对象.removeAttribute('style');

           html

head             body

meta title    h2 p ul

                   a      li

节点：

                                元素                     属性      文本   文档         注释

属性：nodeName   标签名                 属性名   #text  document 

           nodeValue   undefined or null 属性值    文本

           nodeType    1                           2            3         9               8

子节点：

var list= document.getElementsByTagName("标签名")[0].childNodes; //IE有几个子标签就是几个子节点，其他的标签和其中文字各为一个字节点

第一/最后子节点：list.firstChild/lastChild

父节点：parentNode //可以找爷爷

下/上一个节点：nextSibling/previousSibling

while (p && p.nodeType!=1) //过滤空节点和文本节点

插入节点：

eg:var otest = document.getElementById("test")

      var newnode= document.createElement("li");  //设置属性可以.属性或setAttribute("属性名","值")
      newnode.innerHTML="JS";
      otest.appendChild(newnode); //body可以用document.body，new了就要找地方append

指定节点前：insertBefore(newnode,指定节点)

删除节点：removeChild(节点);

替换节点：replaceChild(new,old);

文本节点：

var newnodeText=document.createTextNode("text");
newnode.appendChild(newnodeText);    //效果类似.innerHTML

location对象：

包括hash(#...),host(www....:..),host(www...),href(完整URL),pathname(端口号...?),port(端口号),protocol(http),search(?...#)

assign() 加载新文档 reload replace

navigator对象：

包括appCodeName 浏览器代码名 appName 浏览器名 appVersion 浏览器平台和版本 platform 操作系统 

userAgent C发送给S的user-agent头部 //chrome Firefox IE8等

查看浏览器可视区域大小：

var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

网页尺寸：

网页内容：

var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

包括滚动条等边线的网页内容，随窗口显示大小变化：

var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;

偏移量：offsetTop、offsetLeft、scrollTop、scrollLeft