前端复习04JS

• 使用 window.alert() 弹出警告框 
• 使用 document.write() 写入 HTML 输出 仅用于测试 在 HTML 文档完全加载后使用  将删除所有已有的 HTML 
• 使用 innerHTML 写入 HTML 元素 更改HTML元素的内容
• 使用 console.log() 写入浏览器控制台 但不显示出来 只能按F12从后台中看到

3.变量相关小知识点

var carName = "porsche";
var carName; 

var length = 7; // 数字 var lastName = "Gates"; // 字符串 var cars = ["Porsche", "Volvo", "BMW"]; // 数组 相同数组中可以存放不同类型的变量 项目由逗号分隔 索引基于零 var x = {firstName:"Bill", lastName:"Gates"}; // 对象用花括号来书写 对象属性是 name:value对 由逗号分隔  

对象中也可以包含方法：

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
  return this.firstName + " " + this.lastName;
  }
};

访问对象属性可以使用：

person.lastName;
或
person["lastName"];

var x = new String(); // 把 x 声明为 String 对象 var y = new Number(); // 把 y 声明为 Number 对象 var z = new Boolean(); //把 z 声明为 Boolean 对象
//对象的类型就是object
var x = "Bill";
var y = new String("Bill");
// typeof x 将返回 string
// typeof y 将返回 object

typeof "Bill" // 返回 "string"
typeof 3.14;// 返回 "number"
var person;// 值是 undefined，类型是 undefined
var car = ""; // 空值与 undefined 不是一回事 值是 ""，类型是 "string"

//对于复杂数据，返回function或object
typeof false  // 返回 "boolean"
typeof {name:'Bill', age:62} // 返回 "object"
typeof [1,2,3,4]        // 返回 "object" 
typeof null            // 返回 "object"
typeof function myFunc(){}  // 返回 "function" 

特殊字符：

var x = "Bill";             
var y = new String("Bill"); // (x == y) 为 true，因为 x 和 y 的值相等

var x = "Bill";             
var y = new String("Bill"); // (x === y) 为 false，因为 x 和 y 的类型不同（字符串与对象）

var x = 10;
var y = "20";
var z = x + y; // z 将是 1020（一个字符串）

var x = "100";
var y = "10";
var z = x / y; // z 将是 10

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b}); 

function(a, b){return a-b}

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return 0.5 - Math.random()}); 

5.2数组迭代

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。

窗口名称：可选参数，被打开窗口的名称。

    1.该名称由字母、数字和下划线字符组成。

    2."_top"、"_blank"、"_self"具有特殊意义的名称。

       _blank：在新窗口显示目标网页

       _self：在当前窗口显示目标网页

       _top：框架网页中在上部窗口中显示目标网页

   3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。

   4.name 不能包含有空格。

参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript">
 window.open('http://www.imooc.com','_blank',
'width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

2.2（window.close）

window.close(); //关闭本窗口
//或
<窗口对象>.close();   //关闭指定的窗口

<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close();
</script>

3.DOM节点

3.1认识节点：

• document.getElementById("id") 
•