javascript学习笔记

JavaScript学习笔记（二）--JS HTML DOM

HTMLDOM通过HTMLDOM，可访问JavaScriptHTML文档的所有元素。通过可编程的对象模型，JavaScript获得了足够的能力来创建动态的HTML。[1]JavaScript能够改变页面中的所有HTML元素。[2]JavaScript能够改变页面中的所有HTML属性。[3]JavaScript能够改变页面中的所有CSS样式。[4]JavaScript能够对页面中的所有事件做出反应。
runnerxin·2017-03-20 22:53

JavaScript学习笔记2 类型，变量，值

数字整型号2000xff//十进制为255//不要使用八进制浮点型(float)3.14.31.4e-10//1.4×10^-10运算//+-*/%略console.info(Infinity);//最大数字console.info(Infinity+1);//最大数字+1console.info(-Infinity);//最小数字console.info(-Infinity-1);//最小数字-
RichardW·2017-03-13 16:26

JavaScript学习笔记（一）

Javascript是互联网上最流行的的脚本语言，是一种轻量级的编程语言，ECMA-262是JavaScript标准的官方名称。HTML中的脚本必须位于与标签之间。脚本可被放置在HTML页面的和部分中。JavaScript是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。Javascript显示数据的四种方式：使用window.alert()弹
yohn·2017-02-19 23:19

JavaScript学习笔记（2）DOM 事件流&&事件处理程序&&事件代理

定义：事件：用户或浏览器自身执行的某种动作。（click,load,mouseover）事件流：从页面中接收事件的顺序，也可理解为事件在页面中传播的顺序。事件处理程序：响应某个事件的函数。均以on开头。（onclick,onmouseover等）1.事件流事件流分成两种：事件冒泡和事件捕获：IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点。事件捕获的思想
机智的马里奥·2017-02-13 00:02

javascript学习笔记--数组和对象

一、数组这段时间在做前端页面的开发，发现js语法实在过于灵活，各种写法让人看得摸不着头脑，所以特地看了下视频查了些资料，现在做个总结。数组是存放数据的容器，可以在数组中存放字符串，对象，等数据类型，javascript中的数组没有存放类型的限制。vararray=newArray();array[0]="hyd";array[1]=22;//不必定死数组长度数据类型，更加灵活。vararray2=
h779421831·2017-01-03 22:39

javascript学习笔记之使用for循环遍历数组

背景写了点前端测试程序，用到javascript。问题描述定义了一个都是json对象的数据，做遍历的时候使用了for..in，希望拿到每个json对象，然后取到json对象中的值做一些处理。该开始代码是这样写的：window.layoutConfig={"api":"layout/config","param":""};window.layoutData={"api":"layout/data",
溜达溜达就老了·2016-12-20 13:04

JavaScript学习笔记第五天_错误处理与

廖雪峰老师的javascript教程学习笔记1.错误处理JavaScript提供了像Java一样的错误处理机制，即trycatchfinally.例如：try{vars=null;s.length;//TypeError:Cannotreadproperty'lenght'ofnull}catch(err){console.log('nullpointer'+err);}finally{//cle
Kylin_Mountain·2016-12-16 00:00

JavaScript学习笔记第四天_面向对象编程

1.基础JavaScript不区分类和实例的概念，而是通过原型来实现面向对象编程。Java是从高级的抽象上设计的类和实例，而JavaScript的设计理念，听起来就好比Heros里的Peter，可以复制别人的能力。JavaScript就是别人的所有属性都拷贝过来，成为自己的一部分，并能够保留自身的能力。看廖老师的图片，应该就能感觉出咋回事了，xiaoming这个实例把自己的__proto__指向S
Kylin_Mountain·2016-12-15 00:00

JavaScript学习笔记第三天_对象

廖雪峰的JavaScript教程学习笔记1.标准对象使用typeof判断值的类型，可以看到NaN是number类型，null是obejct类型，undefined就是undefined类型，另外还有一个function这种基础类型。typeof123;//'number'typeofNaN;//'number'typeof'str';//'string'typeoftrue;//'boolean'
Kylin_Mountain·2016-12-13 00:00

JavaScript学习笔记第二天_函数

廖雪峰的JavaScript教程学习笔记1.变量作用域var不能声明块级的变量，js的函数内变量声明会被提升至函数体开头let则用来解决这个块级变量声明，于ES6引入。const用于声明常量，也是ES6引入。2.命名空间全局变量会被默认绑定到window，不同JS文件如果定义了相同的名称的全局变量或者顶级函数，那么就会导致冲突。因此，解决方法就是把自己的全局变量绑定到一个全局变量中，类似于Java
Kylin_Mountain·2016-12-10 00:00

JavaScript学习笔记--常用的互动方法

输出内容（document.write）document.write()可用于直接向HTML输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容。document.write("IloveJavaScript！");//内容用""括起来，""里的内容直接输出。第二种:通过变量，输出内容varmystr="helloworld!";document.wr
王隆帅·2016-12-07 14:19

JavaScript学习笔记5 之 计时器 & scroll、offset、client系列属性 & 图片无缝滚动

一、计时器setInterval(函数/名称,毫秒数)表示每经过一定的毫秒后，执行一次相应的函数(重复)setTimeout(函数/名称,毫秒数) 表示经过一定的毫秒后，只执行一次相应的函数(不重复)清除计时器：clearInterval();clearTimeout();当计时器调用执行完毕时，它将返回一个timerID，如果将该ID传递给clearInterval，便可以终止代码的执行。实例：
express_yourself·2016-09-23 10:00

JavaScript学习笔记4之 ByClass&json

一、通过class获取标签varout=document.getElementsByClassName(‘out’);IE678不支持getElementsName是否有办法既能通过class获取标签又没有兼容问题？首先获取全部的标签，用for循环遍历到所有类名相同的标签，遍历的顺序放到数组里，最后获得一个有相同类名的数组。两种遍历方法：一种是全局遍历的方法：只要类名相同的都放进数组另一种是局部遍
express_yourself·2016-09-23 10:00

JavaScript学习笔记7 之DOM文档对象模型

一、什么是DOMDocumentObjectModel文档-------对象----模型-------缩写DOMDOM是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM树中的所有节点均可通过JS进行访问。所有HTML元素（节点）均可被修改、创建或删除。二、节点类型1、节点类型HTML文档中的所有内容都是节点
express_yourself·2016-09-23 10:00

JavaScript学习笔记6 之经典神坑题整理

本篇内容是关于容易出错题的整理，这些题也有利于对javascript的语法逻辑的理解，分析的内容仅供参考:1 2/*1*/ 3varx=0,y=0,c=1; 4functionadd(n){n=n+1;} 5x=add(c); 6alert(x);//4 7functionadd(n){n=n+3;returnn;} 8y=add(c); 9alert(y);//4 10 11
express_yourself·2016-09-23 10:00

JavaScript学习笔记3之 数组 & arguments（参数对象）& 数字和字符串转换 & innerText/innerHTML & 鼠标事件

一、Array数组1、数组初始化（Array属于对象类型）1/*关于数组的初始化*/ 2//1.创建Array对象--方法1： 3vararr1=[]; 4arr1[0]='aa';//给数组元素赋值 5arr1[1]='bb'; 6arr1[2]='cc'; 7arr1[3]='dd'; 8console.log(arr1);//["aa","bb","cc","dd"] 9//
express_yourself·2016-09-23 10:00

JavaScript学习笔记1之基础知识点

一、什么是JavaScripJavaScript是一种动态类型、弱类型、基于原型的客户端脚本语言。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，在HTML网页上使用，用来给HTML网页增加动态功能。动态：在运行时确定数据类型，通常变量的类型取决于值的类型弱类：计算时可在不同类型之间，通过隐式转换得到正确的类型原型：新对象继承对象(模版)，将自身的属性和方法共
express_yourself·2016-09-23 10:00

JavaScript学习笔记2之Tab切换

1、Tab切换简写版1页面布局如下：1 2 3标题一 4标题二 5标题三 6 7 8内容一 9内容二 10内容三 11 12关于点击事件样式如下：1/*默认样式&点击后样式*/ 2#title.select{ 3color:#FFFFFF; 4background:#0AA770; 5} 6#content.show{ 7display:block; 8}默认样
express_yourself·2016-09-23 10:00

JavaScript学习笔记----------(四)

while循环循环变量初始化while(循环条件){循环体;循环增量;}switch语句例:switch判断日期月份;直到找到break才跳出程序vara=60;switch(a){case10:alert("值是10");break;case20:alert("值是20");break;case30:alert("值是30");break;case40:alert("值是40");break;d
Anna_ll·2016-09-10 14:19

JavaScript学习笔记（一）——变量、作用域和内存问题

变量、作用域和内存问题数据类型UndefinedNullBooleanNumberString(按值访问)Object（按引用访问）基本类型和引用类型的值基本类型值简单的数据段，保存在栈内存中；typeof检测。引用类型值可能有多个值构成的对象，保存在堆内存中；instanceof检测。与其他语言不用，JavaScript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时
嘤嘤嘤666·2016-09-05 14:48

JavaScript学习笔记5 一些应该注意的细节

前言今天是九月的第一天，祖国的花朵开学了，我也的加倍努力多学点东西了。不求能多牛逼，只求自己能每天进步一点，不管是那方面的，能看到自己的成长是最幸福的事情，才不负自己这么多年吃的饭！格式我初学JS，网上查阅了一些资料，准备着手从JavaScript_DOM编程艺术第二版这本书入手，期间还会用喜马拉雅听听陪你读书（JavaScriptWEB前端培训教程）。我印象最深刻的是，js是一个从上到下的弱类型
若飞丶·2016-09-02 18:12

JavaScript学习笔记1

以下笔记是我学习JavaScript时所记录的笔记，参考书籍（建议大家购买正版。）：JavaScript_DOM编程艺术第二版（中文）.PDF此处输入图片的描述注释//这是单行注释/*这是多行注释这是多行注释这是多行注释*/多行注释方式在需要插入大段注释时很有用，它可以提高整个脚本的可读性。变量JavaScript中没有强制要求需声明变量，但提前声明变量是写代码的好习惯。变量和其他语法元素名字都是
若飞丶·2016-09-02 18:24

javascript学习笔记1——数组1

/*关于数组的初始化*///1.创建Array对象--方法1：vararr1=[];arr1[0]='aa';//给数组元素赋值arr1[1]='bb';arr1[2]='cc';arr1[3]='dd';console.log(arr1);//1.创建Array对象--方法2：vararr2=newArray();//构造一个数组对象arr2[0]='11';arr2[1]='22';arr2[
express_yourself·2016-08-16 19:00

JavaScript学习笔记01——简介（李炎恢JavaScript教程）

课程来源：《李炎恢JavaScript教程第一季》网页链接：http://study.163.com/course/courseMain.htm?courseId=252008IE浏览器装插件IEDeveloperToolBar（网上下载）Firefox火狐浏览器装插件IETester测试小工具谷歌浏览器
tongbiaos·2016-08-13 17:56

JavaScript学习笔记二十八：Canvas

JavaScript教程传送门Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。一个Canvas定义了一个指定尺寸的矩形框，在这个范围内我们可以随意绘制：//CanvasRenderingContext2D对象varctx=canvas.getContext('2d');//Canvas中绘制3D图形vargl=canvas.getConte
arthur_deng·2016-07-22 09:03

JavaScript学习笔记二十七：Promise

JavaScript教程传送门Promise是一个承诺将在未来返回值的对象。一个最简单的Promise例子：生成一个0-2之间的随机数，如果小于1，则等待一段时间后返回成功，否则返回失败：functiontest(resolve,reject){vartimeOut=Math.random()*2;log('settimeoutto:'+timeOut+'seconds.');setTimeout
arthur_deng·2016-07-22 08:49

JavaScript学习笔记二十六：AJAX

JavaScript教程传送门functionsuccess(text){vartextarea=document.getElementById('test-response-text');textarea.value=text;}functionfail(code){vartextarea=document.getElementById('test-response-text');textare
arthur_deng·2016-07-21 16:14

JavaScript学习笔记（五）

慕课网JavaScript进阶篇第9章学习笔记JavaScript进阶篇—第9章JavaScript学习笔记（一）JavaScript学习笔记（二）JavaScript学习笔记（三）JavaScript
我是刘高兴·2016-07-19 16:53

JavaScript学习笔记 - 进阶篇（5）- 事件响应

什么是事件JavaScript创建动态页面。事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表:鼠标单击事件(onclick）onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。
weixin_30449239·2016-07-16 14:00

JavaScript学习笔记二十：标准对象-JSON

JavaScript教程传送门JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：number：和JavaScript的number完全一致；boolean：就是JavaScript的true或false；string：就是JavaScript的string；null：就是JavaScript的null；array：就是JavaScript的Array表示方式——
arthur_deng·2016-07-15 09:49

JavaScript学习笔记系列(一)

一：JavaScript组成部分JavaScript是由三个不同部分组成的，核心(ECMAScript)、文档对象模型(DOM)和浏览器对象模型(BOM)。1.ECMAScriptECMAScript与Web浏览器没有依赖关系。只是Web浏览器只是ECMAScript实现可能的宿主环境之一，其他宿主环境包括Node和AdobeFlash。它规定了这门语言的组成部分：1.语法2.类型3.关键字4.保
Wythehuang·2016-07-14 00:00

JavaScript学习笔记十六：generator

JavaScript教程传送门generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次：function*foo(x){yieldx+1;yieldx+2;returnx+3;}编写一个产生
arthur_deng·2016-07-08 12:31

JavaScript学习笔记十三：高阶函数-sort

JavaScript教程传送门排序算法排序的核心是比较两个元素的大小，通常规定，对于两个元素x和y，如果认为xy，则返回1。JavaScript的Array的sort()方法就是用于排序的，但是排序结果可能让你大吃一惊：//看上去正常的结果:['Google','Apple','Microsoft'].sort();//['Apple','Google','Microsoft'];//apple排
arthur_deng·2016-06-29 09:48

JavaScript学习笔记十二：高阶函数-filter

JavaScript教程传送门filter用于把Array的某些元素过滤掉，然后返回剩下的元素。filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数：vararr=[1,2,4,5,6,9,10,15];varr=arr.filter(function(x){returnx%2!==0;});r
arthur_deng·2016-06-28 10:29

JavaScript学习笔记十一：高阶函数-map/reduce

JavaScript教程传送门JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。map由于map()方法定义在JavaScript的Array中，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1,2,3,4,5,6,7,8,9]上，我们调用Array的map()方法，传入我们
arthur_deng·2016-06-25 16:41

JavaScript学习笔记十：方法

JavaScript教程传送门绑定到对象上的函数称为方法，和普通函数也没啥区别：varxiaoming={name:'小明',birth:1990,age:function(){vary=newDate().getFullYear();returny-this.birth;}};xiaoming.age;//functionxiaoming.age()xiaoming.age();//今年调用是2
arthur_deng·2016-06-24 10:29

JavaScript学习笔记七：iterable

JavaScript教程传送门遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for...of循环来遍历。for...in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素
arthur_deng·2016-06-13 15:50

JavaScript学习笔记之循环在遍历数组的简单使用

Javascript中，循环大致分为三种：1.for循环2.while循环3.dowhile循环。这三种循环的使用同C语言的使用方法基本一致。但在使用上更为灵活方便。1、for循环。循环结构为for（'初始条件';'判断条件;’递增条件‘）{循环体;}for循环在JavaScript中的使用相比于其他两种循环结构更加灵活，同时也有更大的风险性。在写for循环时，一定要谨慎对待循环的判断条件和边界，
Nker·2016-06-10 16:31

JavaScript学习笔记六：Map和Set

JavaScript教程传送门JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对的结构，具有极快的查找速度。举个例子，假设要根据考
arthur_deng·2016-06-07 11:13

JavaScript学习笔记五：循环

JavaScript教程传送门for循环最常用的地方是利用索引来遍历数组：vararr=['Apple','Google','Microsoft'];vari,x;for(i=0;i100){break;//通过if判断来退出循环}x++;}for…infor循环的一个变体是for...in循环，它可以把一个对象的所有属性依次循环出来：varo={name:'Jack',age:20,city:'
arthur_deng·2016-06-07 09:22

JavaScript学习笔记三：数组

JavaScript教程传送门如果通过索引赋值时，索引超过了范围，会引起Array大小的变化：vararr=[1,2,3];arr[5]='x';arr;//arr变为[1,2,3,undefined,undefined,'x']大多数其他编程语言不允许直接改变数组的大小，越界访问索引会报错。然而，JavaScript的Array却不会有任何错误。在编写代码时，不建议直接修改Array的大小，访问
arthur_deng·2016-06-04 17:31

JavaScript学习笔记一：数据类型和变量

JavaScript教程传送门NumberJavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型：123;//整数1230.456;//浮点数0.4561.2345e3;//科学计数法表示1.2345x1000，等同于1234.5-99;//负数NaN;//NaN表示NotaNumber，当无法计算结果时用NaN表示Infinity;//Infinity表示
arthur_deng·2016-06-03 13:56

《JavaScript学习笔记》：表格的应用

《JavaScript学习笔记》：表格的应用在操作表格相关的节点时，按照一般的获取节点的方法，我们可能会这么写：vartb=document.getElementById(‘tb1’);//tb1为表格的
u010412719·2016-06-01 11:00

《JavaScript学习笔记》：DOM_添加节点、删除节点、文档碎片

《JavaScript学习笔记》：DOM_添加节点、删除节点、文档碎片在上篇博文中，主要介绍了关于DOM中获取子节点的相关知识点，除了获取子节点，DOM还有创建一个节点、加入节点、删除节点等知识点，本篇博文进行介绍
u010412719·2016-05-31 19:00

《JavaScript学习笔记》：DOM基础

《JavaScript学习笔记》：DOM基础DOM节点1、childNodes获取子节点（包括文本节点和元素节点）2、children获取子节点（只包括元素节点）3、nodeType判断节点类型nodeType
u010412719·2016-05-31 17:00

《JavaScript学习笔记十》：无缝滚动的实现

《JavaScript学习笔记十》：无缝滚动的实现无缝滚动在很多网页上面都有这样一个功能，用于动态的显示一些图片信息。
u010412719·2016-05-30 20:00

《JavaScript学习笔记九》：延时框的实现

《JavaScript学习笔记九》：延时框的实现延时框在我们的生活中也随处可见，例如，在QQ中，当我们将鼠标放在我们的头像上时，则会出现左边这个页面，当我们鼠标离开时，左边这个界面过一段时间才会隐藏，这就是延时框
u010412719·2016-05-30 20:00

《JavaScript学习笔记八》：数字时钟的实现

《JavaScript学习笔记八》：数字时钟的实现在我们的生活中，数字时钟随处可见，在我们的手机上，在我们的电脑上，以及在一些时间软件上，都可以看到数字时钟，与下图类似，这篇博文我们就来模拟下数字时钟的实现
u010412719·2016-05-30 20:00

《JavaScript学习笔记七》：数组和可变参数arguments的介绍

《JavaScript学习笔记七》：数组和可变参数arguments的介绍1、定义数组定义数组有如下两种方式：1、vararr=[1,2,3];2、vararr=newArray(1,2,3);这两种数组定义的方法没有任何区别
u010412719·2016-05-30 20:00

《JavaScript学习笔记六》：取非行间样式

《JavaScript学习笔记六》：取非行间样式1、取行间样式如果我们在行间设置元素的样式，则我们可以直接使用obj.style.width来获取这个元素的宽度，这里的width可以换成obj的任意样式属性来获取对应的
u010412719·2016-05-30 20:00
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他