Javascript学习笔记

转载 2015年07月08日 21:36:04
javaScript


1.文档的输出:document.write() 可输出字符,表达式,html标签,函数


2.任何类型和字符串相加,都会被转换成字符串类型。
例如:var i=5; var j="5"; var k=i+j; 结果:k=55


3.运算符优先级(由高到低)
算术操作符->比较操作符->逻辑操作符->"="赋值操作符 ,如果同级的运算按从左到右次序进行,多层括号由里向外


4.事件:
onclick鼠标点击,
onmouseover鼠标经过,
onmouseout鼠标离开,
onfocus获得焦点,
onblur失去焦点,
onselect选中,
onchange文本框发生改变,
onload加载,
onunload卸载
5.内置对象


Date日期对象,
get/setTime();时间
get/setDate();日期
getDay();星期
String字符串对象,
charAt(index);获得指定位置的字符;
indexOf(substring,startPos);返回指定字符串首次出现的位置;
split(separator,limit);字符串分割成字符数组
substring(startPos,endPos);提取字符串中介于两个下标间的字符串
subsrt(startPos,length);提取字符串中从startPos位置开始指定数目的字符串


Math对象,
ceil(x);向上取整
floor(x);向下取整
round(x);四舍五入
random();随机数


Array数组对象,
concat(array1.....arrayN);数组连接
join(分隔符);指定分隔符连接数组元素
reverse();颠倒数组元素顺序
slice(start,end);从已有数组中返回指定元素
sort(方法函数);使数组按一定顺序排序
例子:
<script type="text/javascript">
 function sortNum(a,b) {
 return a - b;
//升序,如降序,把“a - b”该成“b - a”
}
var myarr = new Array("80","16","50","6","100","1");
 document.write(myarr + "<br>");
 document.write(myarr.sort(sortNum));
</script>

6.浏览器对象

**BOM浏览器对象模型(Browser Object Model)

(1).window对象


(2).javascript计时器
a.计时器var i=setInterval(代码,交互时间);在执行时,从载入页面后每隔指定的时间执行代码。
b.取消计时clearIntercal(i);
c.计时器setTimeout(代码,延迟时间),在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

d.取消计时器clearTimeout(由 setTimeout() 返回的 ID 值)


(3).History对象 --history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
a.window.history.[属性|方法]
b. 属性length ,返回浏览器历史列表中URL的数量

c. 方法:back() ,加载History列表中的前一个URL ,相当于go(-1) ; forward() 加载History列表中下一个URL ,相当于go(1) ; go(number-要访问的URL在列表中的相对位置) 加载History列表中指定的页面


(4).Location对象  --location用于获取或设置窗体的URL,并且可以用于解析URL。



(5).Navigator对象 --Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。


(6).screen对象 --screen对象用于获取用户的屏幕信息。


7.DOM (Document Object Model)文档对象模型  --定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

(1).getAttribute(name)方法   -通过元素节点的属性名称获取属性的值。
语法:
elementNode.getAttribute(name)
说明:
1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。
2. name:要想查询的元素节点的属性名字
(2).setAttribute()方法  -增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
语法:
elementNode.setAttribute(name,value)
说明:
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意:
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。
2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
(3)浏览器窗口可视区域大小
在不同浏览器都实用的 JavaScript 方案:
var w= document.documentElement.clientWidth
     || document.body.clientWidth;
var h= document.documentElement.clientHeight
     || document.body.clientHeight;
(4)网页尺寸scrollHeight
浏览器兼容性
var w=document.documentElement.scrollWidth
  || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
  || document.body.scrollHeight;
注意:区分大小写
scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。


(5)网页尺寸offsetHeight
offsetHeight = clientHeight + 滚动条 + 边框。
浏览器兼容性
var w= document.documentElement.offsetWidth
   || document.body.offsetWidth;
var h= document.documentElement.offsetHeight

   || document.body.offsetHeight;


参考网站:http://www.imooc.com/learn/10

学习网站:http://www.dreamdu.com/javascript/core/

javascript基础学习笔记

编者寄言:  本文主要为编者读书笔记,在文章里面很多话是掺杂了编者自己的见解,如果有哪里出现错误或者用词不严谨,请友善留言,编者会及时去更改。 本文很多地方只是简单说了一下应该注意的地方,具体代码部分...
  • u012967849
  • u012967849
  • 2016年07月20日 14:08
  • 1954

javascript学习笔记

第一章 一、JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1.交互性(它可以做的就是信息的动态交互) 2.安全性(它不允许直接访问本地硬盘...
  • zhoulenihao
  • zhoulenihao
  • 2013年09月04日 23:04
  • 4108

js学习笔记(比较全)

什么是JavaScript? 1. JavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)。 2. JavaScript 通常被直接嵌入 HTML 页面。 3....
  • jiangzhongwei_
  • jiangzhongwei_
  • 2016年07月22日 20:12
  • 607

JavaScript for Kids 学习笔记1. 学习环境

第一章讲了一堆废话。不过,确实也有干货,那就是学习环境。学习过程中必须要有一个简单易用的练习平台,就像Swift的Playground。...
  • wershest
  • wershest
  • 2017年03月10日 12:24
  • 447

HTML5学习笔记 —— JavaScript基础知识

来源于我的HTML5学习笔记,通过它可以快速入门HTML5,同时可以作为工作中快速查找知识点的利器。 本文由浅入深地详解了JavaScript的各项基础知识点,通过本文你将会对JavaScript语...
  • chencl1986
  • chencl1986
  • 2017年05月11日 21:51
  • 2565

前端无小事之HTML--LocalStorage

参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞 1.什么是Web存储? Web存储机制是一种通过字符串形式的 k...
  • pengjunlee
  • pengjunlee
  • 2016年11月06日 10:34
  • 10841

《JavaScript高级程序设计 第三版》学习笔记 (十一)事件详解

一、事件流 1.事件冒泡:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。最早使用事件冒泡的是IE,现在绝大多数浏览器都使用冒泡。IE9、F...
  • lbxx1984
  • lbxx1984
  • 2014年09月01日 21:55
  • 1417

JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言,是浏览器上的程序语言。当web容器输出内容到浏览器时,这个内容是包含js源代码的,此时,JavaScript可以操作浏览器上的一切内容,在浏览器上提供...
  • laoma4102
  • laoma4102
  • 2011年12月30日 13:30
  • 7106

js面向对象学习笔记之九(BOM 与 DOM 中常用属性分析)

一  BOM对象 window 的 相关属性 1. 用户配置机器配置对象 navigator navigator.userAgent //该属性可以查看用户机器浏览器的配置 "Mozill...
  • wujiangwei567
  • wujiangwei567
  • 2015年06月08日 15:35
  • 956

【js学习笔记-051】类和模块

如果两个对象继承自同一个原型,往往意味着(但不是绝对)它们是由同一个构造函数创建并初始化的。 在javascript中,类的所有实例对象都从同一个原型对象上继承属性。因此,原型对象是类的核心。 【js...
  • pigpigpig4587
  • pigpigpig4587
  • 2013年09月03日 23:06
  • 1268
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)