JS
Abel_01_xu
0 1
展开
-
引用类型
引用类型的值(对象)是引用类型的一个实例。引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型有时候被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。 对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数创建的。一、Object类型创建Object实例的方式<script type="text/javascript"> ...原创 2018-03-23 09:25:08 · 240 阅读 · 0 评论 -
BOM之history对象
history对象保保存着用户上网的历史记录,从窗口被打开的那一刻起。因为history是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象。处于安全方面的考虑,开发人员无法得知用户浏览过的URL。不过,借由用户访问过的页面列表,同样可以在不知道实际URL的情况下实现后退和前进。 使用go()方法可以在用户的历史记...翻译 2018-06-29 10:20:05 · 252 阅读 · 0 评论 -
使用缓存计算来提高应用程序性能
问题: 如何减少重复复杂的和CPU消耗大的计算的需要,优化js应用程序和库。解决方案 使用中间函数memoization来缓存复杂计算的结果。举例<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></t..原创 2018-11-13 14:52:51 · 283 阅读 · 0 评论 -
js对象、基本类型和字面值
一、js字面值1. 概念 表示某种特定类型的一个值。2. 举例 一个引用的字符串(string)、浮点数(Number)、布尔值(Boolean) "this is a string example" 2.37 true/false二、js基本类型1.概念 特定的数据类型的一个实例2....翻译 2018-11-12 15:34:09 · 519 阅读 · 0 评论 -
JS数组
一、在数组中搜索特定的值<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <script>原创 2018-11-12 18:09:06 · 183 阅读 · 0 评论 -
JS访问Web页面的元素
1. 访问特定元素 document.getElementById('id')2. 根据元素名访问 document.getElementsByTagName('img') 值得注意的是,上述返回的是一个类数组NodeList,他是一个特殊的集合,动态的集合,不是一个Array对象,因此不能对其使用数组方法,例如push()等。NodeList的唯一属性是l...翻译 2018-12-04 17:37:20 · 622 阅读 · 0 评论 -
Prototype.bind
一、控制给一个给定函数的作用域1.1 使用bind()方法<script> window.onload = function () { window.name = "window"; var data = { name: "testObject", ...翻译 2018-12-03 15:07:15 · 271 阅读 · 0 评论 -
XML、JSON的相互转化以及XML概述
一、XML XML,是指可扩展标记语言,其作用主要用来传输和存储数据,而HTML主要用来显示数据。XML标签并未被预定义,这意味着,XML标签都是自定义的,且XML具有两个重要的特点—XML的文档类型与XML的可移植性(都采用了Unicode标准的编码系统)。故而,当需要调用第三方接口时(参数为XML形式),我们需要知道第三方的xml标签、层结构。通过XML,数据能够存储在独立的X...原创 2019-12-27 15:51:08 · 1278 阅读 · 0 评论 -
EventUtil
var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.at...翻译 2019-02-19 09:58:49 · 144 阅读 · 0 评论 -
变量、作用域以及内存问题
一、基本类型和引用类型的值1.1、基本类型 概念:简单的数据段 基本类型:数值型(number)、字符串型(string)、逻辑型(boolean)、无定义数据类型(undefined)、空值(null);在内存中占据固定的大小空间,被保存在栈内存中。1.2、引用类型 概念:多个值构成的对象,引用类型的值保存在内存中的对象中,引用类型的值是按引用访问的,...原创 2018-03-22 11:26:56 · 371 阅读 · 0 评论 -
DOM扩展
一、选择符API JS库中最常用的一项功能,就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上,jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementsByTagName()。 选择符API的两个核心方法方法参数备注querySelector()接收一个CSS选择符这两个方法都可以通过Docum...翻译 2018-03-26 16:58:47 · 162 阅读 · 0 评论 -
单体内置对象
单体内置对象定义 由ECMAScript实现提供的、不依赖于宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了。单体内置对象举例 Object、Array、String、Gloabal、Math等Global对象 这是一个极为特殊的对象,在某种意义上的“作用域最广”的对象,即不属于任何对象的属性和方法,最终都是它的的属性和方法。事实上,没有全局变量...原创 2018-03-23 09:50:42 · 182 阅读 · 0 评论 -
面向对象的程序设计
一、JS中对象的定义 无序属性的集合,其属性可以包含基本值、对象或者函数。换句话说,对象是一组没有特定顺序的值,对象的每个属性和方法都有一个名字,而每个名字都映射到一个值。此时,我们可以将对象想象成散列表,无非就是一组名值对,其中值可以是数据或函数。 js中的对象与C#或C++不同,后者是基于类和类的实例,而前者是基于原型继承的。所谓原型继承,即通过创建已有对象...原创 2018-03-25 13:56:17 · 204 阅读 · 0 评论 -
函数之闭包
一、函数声明与函数表达式 使用函数声明时,都会给函数定义一个name属性,该属性用于得到函数指定的名字。且它的另一个重要特征是函数声明提升,简言之就是函数声明可以放在调用其函数语句的后面,而函数表达式不行,否则会出错。【示例】<script type="text/javascript"> function Person() { } ...原创 2018-03-25 15:49:02 · 233 阅读 · 0 评论 -
间歇调用和超时调用
JS是单线程语言,但允许通过设置超时值(在指定的时间过后执行代码)和间歇时间值(每隔指定的时间就执行一次代码)来调度代码在特定的时刻执行。一、超时调用使用方法window对象的setTimeout()方法参数:“要执行的代码”,以毫秒表示的时间注释:”要执行的代码“可以是一个包含JS代码的字符串,也可以是一个函数【示例】<script type="text/javascript">...原创 2018-03-25 21:03:50 · 391 阅读 · 0 评论 -
系统对话框
浏览器通过方法调用系统对话框向用户显示消息。系统对话框与浏览器中显示的网页没有关系,也不包含HTML,它们的外观由操作系统及浏览器设置决定,而不是由CSS决定。 值得注意的是,上述几个方法打开的对话框都是同步的、模态的,即显示这些对话框的时候,代码会停止执行,等待用户下一步操作。一、方法作用:接受一个字符串并将其显示给用户,显示的信息一般都是一些用户无法控制的警告信息,例如错误信息提示...原创 2018-03-25 21:22:39 · 1495 阅读 · 0 评论 -
浏览器对象模型BOM之window
BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。而BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JS访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其Global对象。一、window对象1.1 全局作用域 ...原创 2018-03-25 20:44:43 · 204 阅读 · 0 评论 -
BOM之location对象
【作用】 提供了与当前窗口中加载的文档有关的信息,可以将URL解析为独立的片段,以及一些导航功能。【特殊性】 location既是window对象的属性,亦是document对象的属性。【location对象的所有属性】 属性名 例子 ...原创 2018-03-25 23:23:14 · 186 阅读 · 0 评论 -
BOM之navigator
【作用】 识别客户端浏览器。【示例】【检测插件】【示例:该方法适合于非IE浏览器】方法:hasPlugin();参数:要检测的插件名,要将传入的名称转换为小写形式检查IE中的插件比较特别,用到百度就好。但要主要,当我们要封装一个函数用于得到插件时,一定要先判断客户端浏览器。...原创 2018-03-25 23:41:27 · 299 阅读 · 0 评论 -
文档对象模型DOM之Node类型
【DOM】 文档对象模型是针对HTML和XML文档的一个API(应用程序编程接口),它描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的一部分。【Node类型】【节点层次】 DOM可以将任何HTML和XML文档描绘成一个由多层节点构成的结构。节点又分为不同类型,每种类型表示文档中不同的信息及标记,每个节点都拥有各自的特点、数据和方法,另外与其他节点也存在某种关系。...原创 2018-03-26 13:47:51 · 219 阅读 · 0 评论 -
JS简介
一、JS的出现 以往,当客户进行表单验证时,需要与服务器频繁的进行交互,由此加重了服务器的负担且使网页的加载变得缓慢。试想一下,假设当用户进行注册时,经过与服务器缓慢地交换数据之后,返回的却是注册过程当中出现的问题。可想而知,用户体验是极其糟糕的。如何改变这种尴尬的状况?对于简单的表达验证等是否能够先不与服务器进行数据交换? JS,一种客户端脚本语言,一种专为与网页交互面设计...翻译 2018-03-22 09:25:03 · 189 阅读 · 0 评论 -
ECMAScript描述的内容
CMAScript描述的内容是这门语法的基本工作原理,描述的内容包括语法、操作符、数据类型、内置功能等用于构建复杂方案的基本概念。一、语法1.1、ECMAScript中的变量、函数、操作符等的一切都区分大小写。1.2、标识符:第一个必须是字母、下划线或美元符号。1.3、注释:// 1.4、严格模式:为JS定义一种不同的解析与执行模型。要在整个脚本中启用严格模式,在顶部使用*use st...原创 2018-03-22 10:44:40 · 1086 阅读 · 0 评论 -
文档对象模型DOM之Document类型
【作用】 表示文档,document对象是HTMLDocument(继承自Document类型)的一个实例,表示整个HTML页面。通过这个文档对象,可以取得与页面有关的信息,且能操作页面的外观及其底层结构。【Document节点的特征】document.nodeName"#document"document.nodeType9document.nodeValuenulld...原创 2018-03-26 14:36:42 · 416 阅读 · 0 评论 -
去掉字符串首尾指定的字符或空格
【对用到的方法进行了解】var str = 'hdsjfi2423'; alert(str.indexOf('d'));//1 alert(str.indexOf('2'));//6 alert(str.substring(1));//dsjfi2423 alert(str.substring(1, 5));//dsjf...原创 2018-12-28 09:47:12 · 3555 阅读 · 0 评论