![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 76
JiangJunDriver
我就是我,你没必要知道。
展开
-
原生js轮播算法
OC.Homepage = { /*滚动效果 函数startmarquee的参数: lh : 文字一次向上滚动的距离或者高度;(样式高度也要修改)(可配置样式高度和整理一样来显示一次滚动几条); speed : 滚动速度 delay : 滚动停顿的时间间隔 index : 可以使分装后的函数应用于页面中不同的元素 */ startmarqu原创 2017-05-12 15:46:16 · 452 阅读 · 0 评论 -
js Number对象
概述Number是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。作为构造函数时,它用于生成值为数值的对象。var n = new Number(1);typeof n //"object"作为工具函数时,它可以将任何类型的值转换为数值。Number(true) //1上面的代码将布尔值true转换为1。Number作为工具函数的用法。请参考数据类型装换一节。Number对象的属原创 2017-08-25 15:14:35 · 633 阅读 · 0 评论 -
js数值
概述整数和浮点数JavaScript内部,所有数字都是以64位浮点数形式存储,即使整数也是如此。所以,1和1.0是相同的,是同一个数。1 === 1.0 // true这就是说,JavaScript语言的底层根本就没有整数,所有数字都是小数(64位浮点数)。容易造成混淆对的是,某些运算符只有整数才能完成,此时,JavaScript会自动把64位浮点数,转成32位整数。然后进行运算。由于浮点数不是精确原创 2017-08-24 14:22:32 · 576 阅读 · 0 评论 -
js错误处理机制
1.Error对象javascript解析或者执行时,一旦发生错误,引擎就会抛出一个错误对象。javascript原生提供一个Error构造函数,所有抛出的错误都是这个构造函数的实例。var err = new Error('出错了');err.message //"出错了"上面代码中,我们调用Error构造函数,生成一个err实例。Error构造函数接受一个参数,表示错误提示,可以从实例的mes原创 2017-11-20 09:35:13 · 803 阅读 · 0 评论 -
Math对象
Math是Javascript的内置对象,提供一系列数学常数和数学方法。该对象不是构造函数,不能生成实例,所有的属性和方法都必须在Math对象上使用。new Math()// TypeError: object is not a function属性 Math对象提供以下只读的数学常数。 Math.e : 常数e。 Math.LN2:2的自然对数。 Math.LN10:10的自然对原创 2017-11-21 09:24:41 · 363 阅读 · 0 评论 -
Date对象
概述Date对象是JavaScript提供的日期和时间的操作借口。他可以表示的时间范围是,1970年1月1日 00:00:00前后各一亿天(单位为毫秒)。Date对象可以作为普通函数直接使用,返回一个代表当前时间的字符串。Date()// "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"注意,即使带有参数,Date作为普通函数使用时,返回的函数当前的时间。Date原创 2017-11-24 11:14:34 · 597 阅读 · 0 评论 -
包装对象
包装对象的定义有人说,JavaScript语言“一切皆对象”。这是因为数组和函数本质上都是对象,就连三种原始类型的值在一定条件下,也会转为对象,也就是原始类型的包装对象。所谓“包装对象”,就是分别于数值、字符串、布尔值相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变为(包装成)对象。var v1 = new Number(123);var v2 =原创 2017-11-24 14:33:09 · 375 阅读 · 0 评论 -
数据类型转换
JavaScript是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。var x = y ? 1 : 'a';上面代码中,变量x到底是数值还是字符串,取决于另一个变量y的值。只有在代码运行时,才可能知道x的类型。虽然变量没有类型,但是数据本省和各种运算符是有类型的。如果运算符发现,数据的类型与预期不符,就会自动转换类型。比如,减法运算符预期的运算子应该是数值,如果不是,就会自动将它们转为数值原创 2017-11-27 12:42:23 · 285 阅读 · 0 评论 -
JSON对象
JSON格式json格式(JavaScript Object Notation的缩写)是一种用于数据交换的文本格式,2001年由Douglas Crockford提出,目的是取代繁琐笨重的XML格式。相比XML格式,JSON由两个显著的优点:书写简单,一目了然;符合JavaScript原生写法,可以由引擎直接处理,不用另外添加解释代码。所以JSON迅速被接受,已经成为各大网站交换数据的标准格式,并被原创 2017-11-27 18:15:10 · 556 阅读 · 0 评论 -
document节点
概述document节点就是文档的根节点,每张网页都有自己的document节点。window.document属性就是指向这个节点。只要浏览器开始载入HTML文档,这个节点对象就存在了,可以直接调用。document节点有不同的方法可以获取。 对于正常的网页,直接使用document或window.document。 对于iframe载入网页,使用iframe节点的cint转载 2018-01-11 16:56:51 · 1305 阅读 · 0 评论 -
DOM 模型概述
基本概念DOMDOM是JavaScript操作网页的接口,全称为”文档对象模型”(Doucment Object Model)。它的作用是将网页装换为一个JavaScript对象,从而可以用脚本进行各种操作。浏览器会根据DOM模型,将结构化文档(比如HTML和XML)解析成一系列节点,再由这些节点组成一个树状结构(DOM Tree)。所有的节点和最终的树状结构,都有规范的对外接口。所以,DOM可以理原创 2018-01-04 14:49:27 · 3421 阅读 · 0 评论 -
属性操作
HTML元素包含签名和若干个键值对,这个键值对就称为属性(attribute)。<a href="http://www.example.com" id="test"></a>上面代码中,a元素包含两个属性:id属性和href属性。在DOM中属性本身是一个对象(attr对象),但是实际上,这个对象很少使用。一般都是通过元素节点对象(HTMLElement对象)...转载 2018-02-28 14:48:08 · 448 阅读 · 0 评论 -
Text节点和DocumentFragment节点
Text节点的概念Text节点代表Element节点和Attribute节点的文本内容。如果一个节点只包含一段文本,那么它就有了text子节点,代表该节点的文本内容。通常我们使用Node节点的firstChild、nextSibling等属性获取Text节点,或者使用Document节点的createTextNode方法创造一个Text节点。// 获取text节点var text...转载 2018-02-28 16:47:05 · 624 阅读 · 0 评论 -
js数组
数组的定义数组(array)是按照次序排列的一组值。每个值的位置都有编号,整个数组用方括号表示。var arr = ['a','b','c'];上面代码中的a、b、c就构成一个数组,两端的方括号是数组额标志。a是号位置,b是1号位置,c是2号位置。除了在定义是赋值,数组也可以先定义后赋值。var arr = [];arr[0] = 'a';arr[1] = 'b';arr[2] = 'c';任原创 2017-07-28 18:38:05 · 297 阅读 · 0 评论 -
js数据类型
概述JavaScript语言的每一值,都属于某一种数据类型。JavaScipt的数据类型,共有六种。数值(number) : 整数和小数(比如1和3.14) 字符串(string) : 字符组成的文本(比如”hello world”) 布尔值(boolean) : true(真)和false(假)两个特定的值 undefined:表示未定义或者不存在,即由于目前没有定义,所以此处暂时没原创 2017-07-28 10:12:40 · 301 阅读 · 0 评论 -
js事件之event.preventDefault()与event.stopPropagation()用法区别
event.preventDefault()用法介绍 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 “submit”,在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法转载 2017-04-25 12:10:54 · 439 阅读 · 0 评论 -
js操作效果之showTips与createBg
/** * 创建全屏透明背景层 * @param id */function createBg (id) { $('<div id = "' + id + '"></div>').appendTo('body').css({ 'width' : $(document).width(), 'height' : $(document).height()原创 2017-05-31 15:12:21 · 2437 阅读 · 0 评论 -
preventDefault()、 preventDefault()和 return false 的区别
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.一、术语监听事件:在在节点上能被监听的页面操作. 如: selec原创 2017-05-31 20:04:23 · 4004 阅读 · 1 评论 -
js模拟快捷键操作
/** 这是一个简单的实例,重点在于理解js模拟快捷键操作的思想。 */ $(window).keydown(function(e){ if(e.keyCode==74&&e.ctrlKey){ // e.preventDefault(); alert("按下了ctrl+S`````"); } })原创 2017-06-14 18:25:10 · 2322 阅读 · 1 评论 -
js面向对象编程(1)--构造函数与new命令
JavaScript语言具有很强的面向对象编程的能力。1、对象是什么面向对象编程(Object Oriented Programming,缩写为OOP)是目前主流的编程范式。它将真实世界的各种复杂关系,抽象为一个个对象,然后又对象之间分工合作,完成对真实世界的模拟。每一个对象都是都是功能中心,具有明确的分工,可以完成接受信息、处理数据、发送信息等任务。因此,面向对象编程具有灵活、代码可复用、高度模块原创 2017-07-20 19:40:55 · 521 阅读 · 0 评论 -
js String对象
概述String对象是JavaScript原生提供的三个包装对象,用来生成字符串的包装对象。var s1 = 'abc';var s2 = new String('abc');typeof s1 // "string"typeof s2 // "object"s2.valueOf() //"abc"上面代码中,变量s1是字符串,s2是对象。由于s2是对象,所以有自己的方法,valueOf方法返回原创 2017-08-07 16:37:56 · 409 阅读 · 0 评论 -
js字符串
概述定义字符串就是零个或者多个排在一起的字符,放在单引号或者双引号之中。'abc'"abc"单引号字符串的内部,可以使用双引号。双引号的内部可以使用单引号。'key = "value"'"It's a long journey"上面两个都是合法字符串。如果要在单引号字符串的内部,使用单引号(或者在双引号的内部使用双引号),就必须在内部的单引号(或者双引号)前面加上反斜杠,用来转义。'Did sh原创 2017-08-04 17:45:31 · 435 阅读 · 0 评论 -
js函数(上)
概述函数就是一段可以反复调用的代码块。函数不能还能接受输入的参数,不同的参数会返回不同的值。函数的声明function命令function声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对员括号,里面传入函数的参数。函数体放在大括号里面。function print(s){ console.log(s);}上面的代码命名了一个print函数,以后使用print原创 2017-07-21 16:25:34 · 425 阅读 · 0 评论 -
js函数(下)
函数作用域定义作用域(scope)指的是变量存在的范围。JavaScript只有两种作用域:一种是全局作用域,变量在整个程序中已知存在,所有地方都可以读取;另一种是函数作用域,变量只在函数内部存在。在函数外部声明的变量就是全局变量(global variable),它可以在函数内部读取。var v = 1;function f(){ console.log(v);}f();上面的代码表原创 2017-07-25 17:19:25 · 445 阅读 · 0 评论 -
js对象
概述生成方法对象(object)是JavaScript的核心概念,也是最重要的数据类型。JavaScript的所有数据都可以被视为对象。简单说,所谓对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。var o = { p : 'hello world';}上面代码中,大括号就定义了一个对象,它被赋值个变量o。这个对象内部包含一个键值对(又称为“成员”),p是“键名原创 2017-07-26 21:02:40 · 332 阅读 · 0 评论 -
js Array对象
构造函数Array是JavaScript的内置对象,同时也是一个构造函数,可以用它生成新的额数组。var arr = new Array(2);arr.length //2arr //[ undefined x 2 ]上面代码中,Array构造函数的参数是2,表示生成一个两个成员的数组,每个位置都是空值。如果没有使用new,运行结果也是一样的。var arr = new Array(2);//原创 2017-08-03 19:36:29 · 399 阅读 · 0 评论 -
js Object对象
概述JavaScript 原生提供Object对象(注意起首的O是大写),所有其他对象都继承自这个对象。Object本身也是一个构造函数,可以直接通过它来生成新对象。var obj = new Object();Object作为构造函数使用时,可以接受一个参数。如果该参数是一个对象,则直接返回这个对象;如果是一个原始类型的值,则返回该值对应的包装对象。var o1 = {a: 1};var o2原创 2017-07-27 16:45:30 · 1204 阅读 · 0 评论 -
事件模型
事件是一种实现异步编程的实现方式,本质上是程序各个组件部分之间的通信。DOM支持大量的事件。EventTarget接口DOM的事件操作(监听和触发),都定义在EventTarget接口。Element节点、document节点和window对象,都部署了这个接口。此外,SMLHttpRequest、AudioNode、AudioContentext等浏览器内置对象,也部署了这个接口。...转载 2018-03-12 16:38:51 · 931 阅读 · 0 评论