javascript 要点总结
2016-03-02 17:35
597 查看
主要加深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 数据可被浏览器使用者更改
一些浏览器对测试站点会
4000
识别错误
浏览器无法报告晚于浏览器发布的新操作系统
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总