
JavaScript
文章平均质量分 55
粥要熬
努力学习中。。。
展开
-
JavaScript中引用类型详解
引用类型引用类型的值是引用类型的一个实例,在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起,他们描述的是一类对象所具有的属性和方法。Object类型大多数引用类型值都是Object类型的实例,Object也是ECMAScript中使用最多的一个类型。创建Object实例的方式有两种: 第一种是使用new操作符跟Object构造函数。例如:var p原创 2017-08-17 00:03:28 · 502 阅读 · 0 评论 -
Javascript写简易计算器
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易计算器</title> <style type="text/css"> *{ margin:0; padding: 0; } .c原创 2017-05-05 20:39:55 · 886 阅读 · 1 评论 -
JavaScript中canvas绘制太极图案
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> canvas{background: #A9A9A0} </style></head><body> <canva原创 2017-05-05 21:19:50 · 1482 阅读 · 0 评论 -
Javascript中canvas绘制五子棋棋盘
box-shadow:给元素块周边添加阴影效果。 语法:box-shadow: h-shadow v-shadow blur spread color inset; h-shadow:(必须)阴影的水平偏移量,如果是正值,则阴影在元素块右边;如果是负值,则阴影在元素块左边。 v-shadow:(必须)阴影的垂直偏移量,如果是正值,则阴影在元素块底部;如果是负值,则阴影在元素块顶部。 blur原创 2017-05-06 20:24:19 · 6531 阅读 · 5 评论 -
JavaScript中的排序算法(二)
1、选择排序 每一趟从待排序的记录中选出最小的元素,顺序放到已排好序的序列的最后,直到全部序列排序完毕。<script type="text/javascript"> function selectionSort(arr){ for(var i = 0; i < arr.length-1; i++){ var k = i;原创 2017-05-07 09:04:24 · 584 阅读 · 0 评论 -
JavaScript中数据类型详解
JavaScript中分为简单数据类型(基本数据类型)和复杂数据类型。简单数据类型:Undefined 、Null 、Boolean 、Number 、String 。 复杂数据类型 :Object 。简单数据类型1、Undefined : Undefined类型只有一个值,即特殊的undefined,使用var声明变量但未对其加以初始化时,这个变量的值就是undefined。例如:原创 2017-08-13 00:09:44 · 394 阅读 · 0 评论 -
JavaScript中的变量类型以及变量作用域
变量类型ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型。基本类型基本类型指的是简单的数据段,5种基本数据类型:undefined、null、boolean、number、string,基本数据类型是按值访问的,因此可以操作保存在变量中的实际的值。复制变量值从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上。例如:var原创 2017-08-13 16:29:59 · 430 阅读 · 0 评论 -
JavaScript有关面向对象程序设计详解
面向对象的程序设计我们可以把对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数。每个对象都是基于一个引用类型创建的。理解对象创建对象最简单的方式: 方式一,创建一个Object的实例var person = new Object();person.say = "hello";person.sayHi = function(){ alert(this.sa原创 2017-08-18 21:53:58 · 464 阅读 · 0 评论 -
JavaScript中的继承详解
继承许多OO语言都支持两种继承方式:接口继承和实现继承,接口继承只继承方法签名,而实现继承则继承实际的方法。ECMAScript只支持实现继承,而且其实现继承主要依靠原型链来实现的。原型链利用原型让一个引用类型继承另一个引用类型的属性和方法。每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针,我们让原型对象等于另一个类型的实例,此原创 2017-08-19 16:00:29 · 332 阅读 · 0 评论 -
JavaScript中的函数表达式
函数表达式定义函数有两种方式:一种是函数声明,一种是函数表达式。 函数声明的语法:function functionName(arg0,arg1,arg2){ //do something}函数声明有个重要特征就是函数提升,在执行代码之前会先读取函数声明,这意味着可以把函数声明放在调用它的语句后面。 函数表达式的语法:var functionName = function(arg0,a原创 2017-08-20 13:41:29 · 614 阅读 · 0 评论 -
JavaScript中的闭包详解
闭包闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见的方式:在一个函数内部创建另一个函数,例如:function createComparisonFunction(propertyName){ return function(object1,object2){ var value1 = object1[propertyName]; var val原创 2017-08-21 00:48:21 · 290 阅读 · 0 评论 -
JavaScript中的DOM详解
DOMDOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。节点层次文档节点是每个文档的根节点,文档节点有一个子节点即元素我们称为文档元素,文档元素是文档最外层的元素,文档中的其他元素都包含在文档元素中,每个文档只能有一个文档元素。 每一段标记都可以通过树中的一个节点来表示:HTML元素通过元素原创 2017-08-25 17:42:14 · 351 阅读 · 0 评论 -
JavaScript中有关DOM扩展
DOM扩展选择符API根据CSS选择符选择与某个模式匹配的DOM元素。 querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到则返回null,例如:var myDiv = document.querySelector("#myDiv");//取得ID为"myDiv"的元素通过document类型调用querySelector()方法时,会在文档元素的范围原创 2017-08-25 21:25:18 · 280 阅读 · 0 评论 -
JavaScript中的事件详解
事件JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流事件流描述的是从页面中接收事件的顺序。 IE的事件流是事件冒泡流,Netscape的事件流是事件捕获流。事件冒泡IE的事件流叫做事件冒泡,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。事件捕获事件捕获是不太具体的节点原创 2017-08-28 00:20:38 · 335 阅读 · 0 评论 -
JavaScript中event对象的clientX,offsetX,screenX,pageX的区别
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。event.of转载 2017-09-04 17:50:29 · 353 阅读 · 0 评论 -
JavaScript中的Ajax详解
Ajax简介: Ajax全称是”Asynchronous JavaScript and XML”(异步的JavaScript和XML),它是有机地利用了一系列交互式网页应用相关地技术所形成的结合体。Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键–发送异步请求,接收响应以及执行回调。 XMLHttpRequest利用send()与open()方法与服务器进行交互。方法:原创 2017-09-06 14:31:00 · 852 阅读 · 0 评论 -
JavaScript中的BOM
BOMBOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。window对象BOM的核心对象是window,它表示浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其Global对象,因此有权访问pars原创 2017-08-23 15:29:40 · 428 阅读 · 0 评论 -
JavaSript中排序算法(一)
1、重排序 数组中有两个可以直接用来重排序的方法:reverse(),sort()。sort()按升序排列数组项,sort()方法会调用每个数组项的toString()方法,比较得到的字符串,但在实际比较中5虽然小于10,由于进行的是字符串比较(比较字符的ASCII编码的大小),10是排在5的前面的,这是不正确的做法,因此sort()方法可以接收一个比较函数作为参数,reverse()方法也是类原创 2017-05-05 19:09:17 · 397 阅读 · 0 评论