JS-day02

1. 
2. 

3. document对象的常用属性
         title:显示文档的标题。
         body：获取body元素节点。
         bgColor:显示页面的背景色。
         fgColor:显示页面的前景色。
   document对象的常用方法：
          write():在页面中输出文本。
          writeln():在页面中输出文本，并自动换行(多一个换行符,看不出来)。

   访问表单的方式
     document.forms[索引]:获取当前页面中的第几个表单(索引从0开始).
     document.表单名称:
     document.getElementById("表单的id值");

   alert(‘信息’)：消息框 //alert("你好1");
   prompt(‘提示信息’,默认值)： 标准输入框 //var inputText = prompt("请输入你的名字","孙悟空");
   confirm( )  ： 确认框 //var ret = confirm("亲,你确定删除吗?");

4. 在W3C规范的浏览器中(非IE):close方法只能关闭open方法打开的窗口.

   window.open()方法：打开一个新窗口
   调用示例：
   window.open("http://www.520it.com/", "_blank","")
   第一个参数：要打开的网页url，可以是相对路径;
   第二个参数：打开窗口的目标；除了自定义名称以外，还包括_self, _parent, _top及_blank几个特殊值;
   第三个参数：是一个使用,组成的字符串，用于描述打开窗口的特性，比如大小、是否有工具栏等。
   function openWin() {
       open("newWin.html");
   }
   close( )：关闭窗口

5.  

   

   

    

6. 判断是否是IE浏览器:
   if(IE浏览器自身特有的属性){
   }

7. 浏览器的访问历史:
   history.go(index)函数，在浏览器历史记录中跳转，正数为前跳，负数为后跳
   history.back()函数，后跳;
   history.forward()函数，前跳;
   history.length属性，获得历史记录的长度；

8.  

   navigator对象用于获得浏览器相关信息;使用console.dir(navigator)查看成员信息。

    

   判断操作系统:
   var isWin = (navigator.platform == “Win32”) || (navigator.platform == “Windows”);
   var isMac = (navigator.platform == “Mac68K”) || (navigator.platform == “MacPPC”)
   || (navigator.platform == “Macintosh”);

   var isUnix = (navigator.platform == “X11”) && !isWin && !isMac;

   

9.  

    window对象的location属性,保护了该窗口所装载文档的地址:location包含的常用属性:
   1.hostname:文档所在地址的主机名
   2.href:文档所在地址的URL地址；跳转到制定URL
   3.host:文档所在地址的主机地址
   4.port:文档所在地址的服务端端口
   5.pathname:文档所在地址的文件地址
   6.protocol:装载该文档使用的协议
   window.reload() 重新加载当前浏览器地址的文档。

   setTimeout(fn,time)函数，返回timer，用于指定一段时间后执行某函数
   setInterval(fn,time)函数，返回timer，用于周期性执行某函数;
      参数fn可以是字符串组成的jascript代码，也可以是一个函数名称；
      参数time表示时间，毫秒为单位；
   clearTimeout(timer)函数，清除由setTimeout创建的定时器；
   clearInterval(timer)函数，清除由setInterval指定的定时器；

   

    

   1. 根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件；

      DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

      把XML/HTML中的所有成员描述成一个个对象(Node:Document,Element,Attri,Text).
          D：文档  –  html 文档 或 xml 文档
          O：对象 –  document 对象的属性和方法
          M：模型

   2. 获取元素的三种方式:
      //getElementById() 返回对拥有指定 id 的第一个对象的引用。
      //getElementsByName() 返回带有指定名称的对象集合。
      //getElementsByTagName() 返回带有指定标签名的对象集合。

   3.  

      Node对象的属性和方法：(文档节点,元素节点,属性节点,文本节点/Node:Document,Element,Attri,Text)

      

   4. 1.操作元素的原始属性:
               获取属性值:
                   元素对象.属性名;
                   元素对象["属性名"];
               设置属性值:
                   元素对象.属性名=值;
                   元素对象["属性名"]=值;
         操作元素自定义属性:
               获取属性值:
                   元素对象.getAttribute("属性名");
               设置属性值:
                   元素对象.setAttribute("属性名",值);

      2.操作属性名和默认属性值相同的属性. 如:checked,selected,属性值是true/false.
      3.操作class属性.-->在DOM中属性名为:className
      4.操作style的属性.如:background-color--->backgroundColor  fontWeight
      5.操作readonly属性:readonly--->readOnly