JavaScript学习总结(三)】的更多相关文章

title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅MDN Web 文档 面向对象的程序设计 创建对象 工厂模式 工厂模式是软件工程领域广为人知的一种设计模式,这种模式抽象了创建具体对象的过程. 用函数来封装以特定接口创建对象的细节: function createPerson(name, age, job) { var o = new Object; o.na…
今天学习第三天. 凡事都是需要坚持的,坚持下去. 学习内容: 1.document.getElementById(""),document.getElementByTagName("")两则之间的区别要明确.后者获得的是多个元素,是很多个元素的集合. 2.for循环,要重复执行一段代码,可以使用循环.这一块个性能问题. 3.this 是指的调用当前的方法(函数)的那个对象,谁让这个函数执行,那么这个this指的就是谁. <scrtipt> functio…
Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p>  因为在HTML的…
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分 在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…
一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分 在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…
一:事件(Event)对象 在触发dom事件的时候都会产生一个event对象 type   获取事件类型 target  获取事件目标 stopPropagation()  阻止事件冒泡 preventDefault() 阻止事件默认行为 eg: 二:string对象 lenget          长度 indexof()     位置 march()       内容匹配 replace()      替换 toUpperCase  大小写转换 split()          字符串变为数…
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…
javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = ['aa','bb'];var a2 = ['cc','dd'];var a3 = a2.concat(a1); 2:every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供).every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表…
复制属性继承(Inheritance by Copying Properties) 让我们看一下另一个继承模式—复制属性继承(inheritance by copying properties).在这个模式中,一个对象从另一个对象获取功能,简单的通过复制它. 下面是函数extend()简单实现的一个例子: function extend(parent, child) { var i; child = child || {}; for (i in parent) { if (parent.hasO…
在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = bTrue && bFalse; 下面的真值表描述了逻辑AND运算符的行为: 运算数 1 运算数 2 结果 true true true true false false false true false false false false 需要说明的是:逻辑AND运算的运算数可以是任何类型的…
吐血推荐:网上搜了很久关于webgis地图属性表输出到Excel表,并没能找到相关有价值的信息,在小白面前,这就是一脸懵x啊!网上要么是关于前端如何在页面上直接导出excel,和webgis半毛钱关系没有,要么查看arcgis api for javascript 的帮助文档,里面有的实例是显示属性表信息,如何同时显示并能输出excel表的文章介绍,没找到..那只能通过看代码,进行改进来实现上面的两种功能,终于终于....找到了他们之间的联系,实现出来了!! 1.首先我已经发布过地图并找到URL…
主要内容: 1.object 是所有类型的基类 实例化对象: 1. var obj = new Object(); 2. var obj = {}; 设置对象属性和方法: obj.name = 'hello'; obj.age = 33; obj.say=function(){ alert("Hello,World!"); }; 删除对象的属性或方法: delete obj.age; delete obj.name; 遍历对象所有属性: 对象方法常用操作示例: 对象的练习操作:…
一.兼容性较高的浏览器页面关闭 //关闭网页,不支持火狐(火狐返回上次浏览页面)   //FireFox非window.open()等弹出页面,需要在地址栏中输入about:config, 然后将dom.allow_script_to_close_windows改为true才能达到想要的效果.   function CloseWebPage() {      if (navigator.userAgent.indexOf("MSIE") > 0) {          if (n…
js运算符 1.算数运算符 包括 加(+) .减-() .乘(*).除(/).余数(%) 减号 还可以表示为 负号 例如: -1,-3 加号 还可以用于字符串拼接 例如: 'a' + 'b' = 'ab' 跟python一样 累加.递减问题: 累加(++)递减(--):运算符在前先运算再输出,运算符在后先输出再运算 <script> //累加.递减 // i++ 跟 ++i var i = 5; console.log(i++); console.log(i); console.log(&qu…
数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学计数法表示数,参数指定小数位个数  toPrecision() 方法自动判断调用toFixed()或toExponential()方法,参数指定所有数的位数 复制代码代码如下: var num = 99;  alert(toFixed(2)); //99.00  alert(toExponentia…
JavaScript学习总结(一)——JavaScript基础 JavaScript学习总结(二)——逻辑Not运算符详解 JavaScript学习总结(三)——逻辑And运算符详解 JavaScript学习总结(四)——逻辑OR运算符详解 JavaScript学习总结(五)——Javascript中==和===的区别 JavaScript学习总结(六)——JavaScript判断数据类型总结 JavaScript学习总结(七)——JavaScript函数(function) JavaScrip…
我们在arcgis api for javascript 学习(三)已经学习到了关于调用地图信息进行属性输出的问题,不过通过代码我们实现后会发现还是有一些小瑕疵的,比如我们只能单个数据属性的输出,如果想输出多个数据的时候就要一次次的运行代码,这样的话每次运行都要导出一个excel文件,不仅占内存还十分的麻烦!本次进阶就是通过对前面代码的改进,可以实现对多个信息进行批量的导出,节省了不少的时间,快来看看吧! 第一步和前面的一样,首先找到我已经发布过地图并找到URL,了解直接要发布地图的属性表信息,…
前端学习 第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖 导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用 不该设计它 4.全局变量难以控制 5.自动插入行尾分号 主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…
JavaScript:学习笔记(7)——VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用这些功能.虽然这种假设可能是正确的,但仍有可能其中一些功能对某些人来说仍然是一个谜. ES6带来的一个新特性是新增了通过使用let.const来声明变量.在本文中,我们将讨论var,let和const的范围,使用和提升.在您阅读时,请注意它们之间的差异,我会指出. VAR VAR的范围 范围本质是意…
JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ​ 例如: ​ 1.获取元素 ​ var box = document.querySelector('div') ​ 2.给 div 绑定一个点击事件 ​ 事件源:div ​ 事件类型:click (点击行为) ​ 事件处理函数:准备一个函数,在点击行为处罚的时候执行 ​ on 是绑定事件的一种方…
一.写在前面的话 之前一直没有系统的学习javascript,自己也是小白,很多东西感觉不会,从本篇起,自己会抽出时间来,慢慢学习,好好领会! 深知学习是一个漫长的过程,来不得急躁,不积跬步,无以至千里,不积小流 ,无以成江海!我做不了梦想中的天才,那只有脚踏实地 的做好笨鸟,笨鸟先飞!希望各位大牛们,指出学习中的不足,在此感谢! 二.初识Javascript [1]javascript是一种专为与网页交互儿设计的脚本语言.由三部分组成:   (1)ECMAScript  (ECMA)  提供核…
1.开发环境搭建 本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个记事本就行了,不存在环境搭建的问题.而且,通过运行浏览器,立刻就能看到效果,这一点比较Java要方便很多.省去了很多繁杂的操作,如果你正打算转行从事程序猿这个职业,不妨以JavaScript为切入点,从而发现编程的乐趣.当你深刻理解了JavaScript的思想,其他任何面向对象的语言都是大同小异的.…
本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言 本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明. 本章内容很少, 主要讲解动态创建元素和操作jQuery…
Web编程基础--HTML.CSS.JavaScript 学习之课程作业"仿360极速浏览器新标签页" 背景: 作为一个中专网站建设出身,之前总是做静态的HTML+CSS+DIV没有学习过JavaScript(jQuery),这个学期重新学习了一遍之前学习过的又学了些脚本语言.结合自己平时有点编程基础,学起来也挺快了,作为学期作业(自定任务),我尝试着去实现360极速浏览器的新标签页(刚开始也没有很好的想法,自己一直比较喜欢360极速浏览器'不是下广告',学校机房也没有联网,本来还想做…
JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式:对象冒充 function Parent(username) //父类对象 { this.username = username; //下面的代码最关键的部分就是将子对象的this传递给了父对象 this.sayHello = function() { alert(this.username); } } f…
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z…
接下来,我们开始进入Javascript语言的学习. Javascript语言是一种解释性的语言,不同于ASP.NET.C#语言的这种编译性的语言.它随着HTML网页的发布而发布,就是说嵌入到HTML页面中进行运行. 下面是一段简单的Javascript语言: <script type=”text/javascript”> alert(“Hello World”); </script> 上面的Javascript脚本将显示一个对话框,并提示显示“Hello World”字符串. 一…
title: Javascript tags: javascript,学习 grammar_cjkRuby: true --- 定义变量 三种形式 var name; var name = "zhang san"; var name; name = "zhang san"; Javascript 的数据类型 6种数据类型 字符串 单引号或双引号 var name = "zhang san"; var name = 'zhang san'; 数字…
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefox.Netscape.和 Opera. 2.JavaScript 是一种解释性语言(就是说,代码执行不进行预编译). 3.JavaScript 的正式名称是 "ECMAScript".这个标准由 ECMA 组织发展和维护. 4.JavaScript主要能做什么: (1)可以读取及改变 HT…