[学习笔记]Javascript可选的分号

1.前言由于Javascript有自动识别一句语句的结尾,但是缺少必要分号作为结尾符,会降低代码的可读性和整洁性.通过javascript权威指南By淘宝前端团队译,这分号还算比较好玩的. 2.样例 2.1 两句语句有两行的书写 a = 3; //第一行的分号可以省略 b = 4; 2.2 两句语句一行的书写 a = 3; b = 4; //第一个分号不能省略,否则提示Uncaught SyntaxError: Unexpected identifier 2.3 容易引起误解的写法 2.3.1…

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果 1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e…

[JS学习笔记]Javascript事件阶段：捕获、目标、冒泡

当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队提出了两种完全相反的事件流. 冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面.…

HTML 学习笔记 JavaScript（面向对象）

现在让我们继续跟着大神的脚步前进学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋一脸萌比啊.还好有大神.让我们跟着大神的思路在捋一下.(在这里更欢迎大家阅读原博 )原博地址:http://www.cnblogs.com/dolphinX/p/4385862.html 理解对象对象这个词如雷贯耳,同样出名的一句话:XXX语言中一切皆为对象! 对象是什么?什么觉面向对象的编程? 对象(object),台湾…

HTML 学习笔记 JavaScript (prototype)

原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html 原博客的作者是一个非常牛逼的前端大神,我作为一个初学者,在此借助大神的博客进行自己的学习.在这里感谢原作者无私的分享.也强烈建议大家到原作者的博客下学习.好了,现在让我们跟着大神的脚步前进吧. 用过JavaScript的人肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都有一个prototype属性,可以为其添加函数供实例访问,其他的就不清楚了,下面我们…

HTML 学习笔记 JavaScript (String)

String对象用于存储字符串的数据.这里我们做了JavaScript的String字符串对象常用操作总结. 创建String对象的方式声明:String 对象的方法也可以在所有基本字符串值中访问到调用构造函数String(): var str = new String(); str = "heihei"; var str1 = new String("haha"); alert(str +str1); String访问及查找的方式 1.访问(通过索引) 1&g…

HTML 学习笔记 JavaScript (函数)

函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块实例 <!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点击这里</b…

[前端JS学习笔记]JavaScript function

一.函数的声明 1.1 function 命令 function methodName(params) { // code } 如下声明: function test_function(params) { console.log("function"); } 如上函数, 声明了 test_function函数, 以后使用test_function(params) 都会调用相应的代码, 这就是函数的声明 1.2 函数表达式除了1.1的函数直接声明,JS还可以用函数赋值给一个变量,即函数…

[JavaScript] 学习笔记-JavaScript基础教程

1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入HTML后,可由所有的浏览器执行 2)HTML中的脚本必须位于<script></script>标签之间:脚本可被放置于HTML页面的<head>和<body>部分中(通常把脚本放在<head>标签中,以不干扰页面的内容) 3)在HTML中,不限制脚本…

js学习笔记----JavaScript中DOM扩展的那些事

什么都不说,先上总结的图~ Selectors API(选择符API) querySelector()方法接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null． //取得 body 元素 var body = document.querySelector("body"); //取得 ID 为"myDiv"的元素 var myDiv = document.querySelector("#myDiv"); /…

[学习笔记]JavaScript基础

JavaScript概述 1. JavaScript定义 JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言.它是弱类型语言.仅仅能由浏览器解释运行. 当中: 脚本语言:解释执行(由浏览器来解释执行),无需编译. 基于对象:有一些内置的对象共我们使用,可是不能全然实现继承.封装和多态,仅仅能模拟. 事件驱动:必须由事件触发. 2. JavaScript的发展历程在1995年时,由网景(Netscape)公司在Netscape浏览器上首次设计实现而成. 由于网景公司…

HTML 学习笔记 JavaScript（数组）

1.数组的创建 var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以…

HTML 学习笔记 JavaScript（创建对象）

原博地址:http://www.cnblogs.com/dolphinX/p/3288118.html JavaScript 有Date Array String等这样的内置对象,功能强大实用简单,但在处理一些复杂逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象. 对象是什么从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值,对象或函数.也就是说对象是一组没有特定顺序的属性,每个属性都会映射到一个值上,是一组键值对,值可以是数据或对象. 最简单的对象 JavaSc…

swift学习笔记之-可选链式调用

//可选链式调用 import UIKit /*可选链式调用(Optional Chaining) 1.在可选值上请求和调用该可选值的属性.方法及下标的方法,如果可选值有值,那么调用就会成功,返回可选类型值,如果可选值是nil,那么调用将返回nil,多个调用可以连接在一起形成一个调用链,如果其中任何一个节点为nil,整个调用链都会失败,即返回nil:(而强制展开它的值是"!",有值则返回该值,无值则会触发运行时错误) 2.通过在想调用的属性.方法.或下标的可选值(optional va…

HTML 学习笔记 JavaScript (节点)

HTML 节点: HTML DOM定义了所有HTML元素的对象和属性以及访问它们的方法. HTML DOM是关于如何获取修改添加或删除HTML元素的标准. 在js中通过document这个对象提供的方法. HTML DOM 节点信息 HTML DOM节点定义:是DOM结构中最基本的组成单元,每一个HTML标签都是结构的节点,节点也称之为元素.DOM节点也有明确的分类看看下图你就明了: DOM节点信息包括节点类型(nodeType),节点名称(nodeName) 和节点值(nodeV…

HTML 学习笔记 JavaScript (DOM)

一 DOM 简介通过HTML DOM 可以访问JavaScript 文档的所有元素当网页被加载的时候,浏览器会创建页面的文档对象模型 HTML DOM 模型被构造成对象的树 HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有 CSS 样式JavaScript 能够对页面中的所有事…

HTML 学习笔记 JavaScript (对象)

javaScript中所有的事物都是对象:字符串数字数组日期等等. 在javaScript中对象是拥有属性和方法的数据. 属性和方法属性是与对象相关的值方法是能够在对象上执行的操作. 举例:汽车就是现实中的对象. 汽车的属性: car.name = "Fiat"; car.model=500 car.weight=850kg car.color=white 汽车的方法 car.start() car.drive() car.brake() 汽车的属性包括名称.型号.重量.…

HTML 学习笔记 JavaScript（数据类型）

字符串数字布尔数组对象 Null Undefined JavaScript 拥有动态类型 JavaScript拥有动态类型这意味着相同的变量可用作不同的类型: 实例: var x // x 为 undefined var x = 6; // x 为数字 var x = "Bill"; // x 为字符串 JavaScript 字符串字符串是存储字符(比如:"Bill") 的变量; 字符串可以是引号中的任意文本可以使用单引号和双引号例子: var ca…

HTML 学习笔记 JavaScript (实现)

HTML中的脚本必须位于<script></script>标签之间脚本可被放置在HTML页面的<body>和<head>部分中 <script>标签如需在HTML页面中插入 JavaScript 请使用<script>标签. <script>和</script>会告诉JavaScript 在何处开始和结束. <script>和</script>之间的代码包含了JavaScript…

HTML 学习笔记 JavaScript（简介）

JavaScript 是世界上最流行的编程语言. 这门语言可用于HTML和web 更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript是脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入 HTML页面的编程代码 JavaScript 插入HTML页面后可由所有的现代浏览器执行 JavaScript 输出: <script> document.write("<h1>这是标题</h1>"…

-高级Javascript编程学习笔记----Javascript编程及架构设计最应该注意的基本点

最小全局变量 JavaScript通过函数管理作用域.在函数内部生命的变量只在这个函数内部,别的地方不可用.全局变量是指在函数外或是未声明直接简单使用的.每个Javascipt环境有一个全局对象,当你在任意函数外使用this都可以访问.你创建的每一个全部变量都成了这个全局对象的属性.在浏览器里,方便起见,该全局对象有个附件属性叫做window,此window指向该全局对象本身. myglobal = "hello"; // 不推荐写法console.log(myglobal); //…

[前端JS学习笔记]JavaScript prototype 对象

一.概念介绍 prototype 对象 : 原型对象.在JavaScript中, 每一个对象都继承了另一个对象,后者称为"原型对象". 只有 null 除外,它没有自己的原型对象. 原型对象上的所有属性和方法,都能被派生对象所共享.通过构造函数实例的实例对象,都会被自动分配一个原型对象.每一个构造函数的prototype属性,就是这个实例对象的原型对象. 二.原型使用如上图,在Animal的源性对象上添加一个属性color,结果会被实例对象bear1.bear2所共享.如果改变…

[前端JS学习笔记]JavaScript CallBack

一.概念介绍 CallBack : "回调" . 在spring优秀框架回调无处不在, 回调的运用场景很多, 如 swt事件监听.netty等.它的主要作用是提高程序执行效率, 一段代码执行时不必等另一段代码执行结束才继续往下run. 在JavaScript也不例外. 二.js 回调语法传递函数作为回调 function(ag1,ag2...,callback) { // 业务逻辑代码 } js 代码study.js window.mytest = function(str, cal…

[前端JS学习笔记]JavaScript 数组

一.JavaScript数组的奇葩大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {"json:":"666"}]; console.log(arr.length); 二.JavaScript 数组的两种声明 1.var arr = [元素]; var arr = ["坚持"]; 2.new Array(); 或者 var arr2 =…

j2ee学习笔记 javascript 学习

JavaScript 组成: ECMAScript + BOM + DOM Window对象是JS中的顶层对象 ECMAScript: 规定了一些语法,变量,for循环等等结构 BOM: Browser object Model 浏览器对象模型 DOM:Document object Model 文档对象模型案例: <script type="text/javascript"> <!-- alert("abc")…

BOM、DOM学习笔记——JavaScript

1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建. 2. window的属性 innerHeight: innerWidth: IE不支持通用写法:document.body.clientWidth document.body.clientHeig…

初步swift语言学习笔记2(可选类型？和隐式可选类型！)

作者:fengsh998 原文地址:http://blog.csdn.net/fengsh998/article/details/28904115 转载请注明出处假设认为文章对你有所帮助.请通过留言或关注微信公众帐号fengsh998来支持我,谢谢. 可选类型.隐式可选类型在swift中.可选类型其根源是一个枚举型.里面有None和Some两种类型.事实上所谓的nil就是Optional.None, 非nil就是Optional.Some, 然后会通过Some(T)包装(wrap)原始值,这…

JS学习笔记——JavaScript继承的6种方法(原型链、借用构造函数、组合、原型式、寄生式、寄生组合式)

JavaScript继承的6种方法 1,原型链继承 2,借用构造函数继承 3,组合继承(原型+借用构造) 4,原型式继承 5,寄生式继承 6,寄生组合式继承 1.原型链继承. <script type="text/javascript"> function Person(name,sex) { this.name=name; this.sex=sex; this.friends=['李四']; this.getName=function(){ alert(this.name…

[学习笔记]Javascript的包装对象

例子1: var s="test"; s.len = 4; var t = s.len // t is undefined 原因是s是字符串,第二行代码,实际上是创建一个临时字符串变量,并给其len属性赋值为4,第三行代码通过原始的字符串值创建一个新的字符串对象,然后再去读len属性,当然就没有了啦. 例子2: var s ="hello,world"; var word = s.substring(6,s.length);//"word" 字符…

[学习笔记]Javascript采用二进制浮点数和四舍五入的错误

1.样例 var a = .3 - .2 //0.09999999999999998 var b = .2 - .1 //0.1 a == b //false 出现这样的原因在于 1.Javascript采用IEEE-754浮点数表示法(几乎所有现代编程语言所采用),这事一种二进制表示法,可以精确地表示1/2, 1/8,1/1024的值,而我们常用十进制的分数1//10,1/100 2.实现有无数个,但是Javascript通过浮点数的形式只能表示其中有限的个数(确切说是184377368744…

【[学习笔记]Javascript可选的分号】的更多相关文章