javascript 要点总结

今天药忘吃喽~ 2022-08-20 14:11 143阅读 0赞

### 主要加深js的深入理解和认识 ###

### 1，基础要点 ###

#### 1.1、一条语句，多个变量 ####

var lastname="Doe", age=30, job="carpenter";

声明变量类型  
当您声明新变量时，可以使用关键词 “new” 来声明其

var carname=new String;
    var x=      new Number;
    var y=      new Boolean;
    var cars=   new Array;
    var person= new Object;

#### 1.2、JavaScript 对象 ####

var person={firstname:"John", lastname:"Doe", id:5566};

对象属性有两种寻址方式：

name=person.lastname;
    name=person["lastname"];

#### 1.3、下表列出了 JavaScript 语句标识符 (关键字) ： ####

![这里写图片描述][20160302143643072]

#### 1.4、JavaScript 数组 ####

下面的代码创建名为 cars 的数组：

var cars=new Array();
    cars[0]="Saab";
    cars[1]="Volvo";
    cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):  
实例

var cars=["Saab","Volvo","BMW"];

#### 1.4、对象定义 ####

var person = {
        firstName:"John",
        lastName:"Doe",
        age:50,
        eyeColor:"blue",
        fullName : function() {   //对象方法
           return this.firstName + " " + this.lastName;
        }
    };

访问对象方法

name = person.fullName();   //返回结果为：（）John Doe（方法的返回值）
     name = person.fullName;    //返回结果为：function () { return this.firstName + " " + this.lastName; }（字符串）

### 2、事件 ###

#### 2.1直接在事件中书写方法 ####

#### 2.2事件类型 ####

参考[事件类型][Link 1]  
提示： onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡（移动到子元素时，不出发事件） 。

### 3、Window 对象 ###

#### 3.1Window 尺寸 ####

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。  
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：  
window.innerHeight - 浏览器窗口的内部高度  
window.innerWidth - 浏览器窗口的内部宽度  
对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight
    document.documentElement.clientWidth

或者

document.body.clientHeight
    document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：  
实例

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

其他 Window 方法  
window.open() - 打开新窗口  
window.close() - 关闭当前窗口  
window.moveTo() - 移动当前窗口  
window.resizeTo() - 调整当前窗口的尺寸

#### 3.3、Window Location ####

location.hostname 返回 web 主机的域名  
location.pathname 返回当前页面的路径和文件名  
location.port 返回 web 主机的端口 （80 或 443）  
location.protocol 返回所使用的 web 协议（http:// 或 https://）

location.href 属性返回当前页面的 URL  
location.pathname 属性返回 URL 的路径名。  
location.assign() 方法加载新的文档。

#### 3.4、Window History ####

history.back() - 与在浏览器点击后退按钮相同  
history.forward() - 与在浏览器中点击按钮向前相同

#### 3.5、Window Navigator ####

window.navigator 对象包含有关访问者浏览器的信息。  
警告!!!  
来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：  
navigator 数据可被浏览器使用者更改  
一些浏览器对测试站点会识别错误  
浏览器无法报告晚于浏览器发布的新操作系统

[20160302143643072]: /images/20220731/98299c53ecd8477d94d75377ad359f08.png
[Link 1]: http://www.runoob.com/jsref/dom-obj-event.html