day03_JS

1.Java中的数组：
int [ ] a = { };
2.js定义方式3种：

1. var arr = [1,2.3]; var arr = [1,”a”,true];
2. 使用内置对象array对象 var arr = new Array(5); arr[0]=”a”;
3. var arr = new Array(3,4,5);

3.js函数

1.有return 2.无return
3.var add = new Function(“参数列表”,”方法体和返回值”);
比如：var add = new Function(“x,y”,”var sum;sum=x+y;return sum;”); alert(add(4,5));

4.js全局变量和局部变量

错误：SCRIPT5007:无法获取属性value的值，对象为null或未定义

5.JS无重载
6.js的Array对象

reverse();pop();push();join();concat();length;

7.js的Date对象

年月日-时分秒-毫秒数
    （毫秒数的应用场景：使用毫秒数处理缓存的效果【不让有缓存】http:www.baidu.com?毫秒数）

8.JS的Math对象

数学运算：都是静态方法【Math.方法()】
ceil(x); 向上 floor(x);向下  round(x);四舍五入 
random();(伪随机数，返回0-1的随机数)

9.js 的全局变量

不属于任何一个对象，直接写名称使用
encodeURI（不编码字符有82个）  decodeURI
escape（不编码字符有69个） unescape 对字符串进行unicode编解码
encodeURIcomponent(不编码字符有71个)
isNAN检查每个值是否为数字
eval把JS字符串作为脚本代码来执行
parseInt 字符串转化为整数来执行

10.js 的函数重载

JS不存在重载：
        a.调用最后一个方法
        b.把传递的参数传递到arguments数组中
JS是否存在重载？
        1.JS里面不存在重载
        2.但是可以通过其他方式模拟重载，比如通过数组arguments

11.JS的bom对象
window对象：

    方法：
    -confirm("");
    -prompt("","");
    -open("exe1.html","","width=200,height=100");
    -window.close();

    //定时器：
    //每三秒，执行一次
    -window.setInterval("alert('132');",3000);
    //三秒之后，开始执行
    -window.setTimeout("alert('132');",3000);

    //清除定时器（构建函数来完成）：
    var id1 = setInterval("alert('132');",3000);
    var id2 = setTimeout("alert('132');",3000);
    clearTimeout(id1); clearInterval(id2);

12.js的dom对象
dom的发展历史（3种模型）：
1，将html文档封装成对象
2，在1 的基础上，添加新功能。例如：对于事件和css样式的支持
3，支持XML1.0的一些新特性

文档：超文本文档（超文本标记文档）html、xml
对象：提供了属性和方法
模型：使用属性和方法操作 超文本标记型文档
可以使用JS提供的dom对象，使用这些对象的属性和方法对标记型文档进行操作。
对标记型文档进行操作：
    1）对标记型文档里的所有内容（标签、属性、文本内容）封装成对象
    2）使用dom解析html文件
        【只能有一个根节点】
         - 根据html的层级结构，会在内存中分配一个树形结构。
            document对象、element对象、属性对象的、文本对象、Node节点对象（是这些对象的父对象。如果在对象里面找不到，则在Node对象里面找）

document对象:
方法：

• write()

   向页面输出变量（值）。向页面输出html代码。
  

• getElementById()

  //得到input标签
  var input1 = document.getElementById("id");
  //获取属性值
  alert(input1.name);
  //设置属性值
  input1.value = "value content";
  

• getElementsByName()

  var inputs = document.getElementsByName("name");
  //遍历数组
  for(var i = 0;i<inputs.length;i++){
      var input2 = inputs[i];
      alert(input2.value);
  }
  

• getElementsByTagName(）；

  var inputs1 = document.getElementsByTagName("input");
  document.write(inputs1.length);
  for(var i = 0;i<inputs1.length;i++){
      var input3 = inputs1[i];
      alert(input3.value);
  }
  

• getElementsByName()

  var inputs1 = document.getElementsByName("name")[0];
  alert(inputs1.length);//此方法返回的是一个数组，因此使用下标
  

  13.DHTML（多项技术综合体的简称）

html(封装数据),css（使用属性和属性值设置样式）,dom（操作html标记型文档）,javascript（专门指JS的语法语句ECMAscript）

14.window案例

建立输入框html代码，放入点击事件，创建函数

function open1() {
   window.open("window.html","","width=250,height=250");
    }

function s1(num1,name1){
    //把num1 name1赋值到Window页面
    //跨页面的操作：opener得到创建这个窗口的窗口，得到Window页面
    var pwin = window.opener;
    pwin.document.getElementById("numid").value = num1;
    pwin.document.getElementById("nameid").value = name1;
    window.close();
}

注：谷歌浏览器安全级别很高，不允许访问本地文件。