javascript 要点总结

本文深入讲解JavaScript的基础要点,包括变量声明、数组与对象的创建及使用,探讨了事件处理及Window对象的应用,如获取浏览器尺寸、使用location和history等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主要加深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 语句标识符 (关键字) :

这里写图片描述

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直接在事件中书写方法
<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
<button onclick="this.innerHTML=Date()">The time is?</button>
2.2事件类型

参考事件类型
提示: 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 数据可被浏览器使用者更改
一些浏览器对测试站点会识别错误
浏览器无法报告晚于浏览器发布的新操作系统

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值