JavaScript
关注
分享
扫一扫
aomize
这个作者很懒，什么都没留下…
展开
-
事件对象
事件对象 在触发DOM上的某个事件时，会产生一个事件对象event，这个对象包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有浏览器都支持event对象，但支持方式不同。DOM中的事件对象 兼容DOM的事件浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法(DOM0级或DOM2级)，都会传入event对象。var btn原创 2017-05-09 20:31:47 · 239 阅读 · 0 评论 -
前端笔试题总结
一.选择题JavaScript中的基本数据类型有哪些？ A. Undefined B. Null C. Object D. Number E. String答案：A、B、D、E 解析：JavaScript中的基本数据类型有：Undefined、Null、Number、Boolean、String，复杂类型为：object在 javascript 中，以下返回 false 的选项是（）原创 2017-09-23 15:03:06 · 523 阅读 · 0 评论 -
navigator对象
一 . navigator对象navigator对象最早是由Netscape Navigator2.0引入的，现已成为识别用户客户端浏览器的事实标准虽然其他浏览器也通过其他方式提供了相同或相似的信息（例如，IE中的window.clientInformation和Opera中的window.opera），但navigator对象是所有支持JavaScript的浏览器所共有的二 . 属性appCode原创 2017-11-07 21:19:24 · 403 阅读 · 0 评论 -
DOM中常用的方法
DOM中常用的方法（1）创建元素节点 createElement()<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <div id="box"></div> <script type="text/javascript"> var parent = document.get原创 2017-10-12 20:46:49 · 438 阅读 · 0 评论 -
history对象
一 . history对象history对象保存着用户上网的历史记录（从窗口被打开的那一刻算起）因为history对象是window对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联二 . 属性length：保存着历史记录的数量，这个数量包括所有历史记录，即所有向后和向前的记录if (history.length == 0) {原创 2017-11-07 21:40:59 · 327 阅读 · 0 评论 -
typeof与instanceof操作符
typeof与instanceof都是用来检测变量类型的，不同的是，typeof用来检测基本数据类型，instanceof用来检测引用类型一 . typeof操作符typeof操作符是确定一个变量是字符串、数值、布尔值、还是undefined的最佳工具对一个值使用typeof操作符可能返回下列某个字符串1.”undefined”—— 如果这个值未定义var message;console.log(t原创 2017-11-07 21:42:39 · 268 阅读 · 0 评论 -
GET请求与POST请求
get请求post请求区别：get是用来获取数据的，而post是用来发送数据的原创 2017-10-27 19:15:20 · 414 阅读 · 0 评论 -
Ajax封装
Ajax封装如下：var AjaxUtil = { get: function (url, callback) { var xhr = createXHR(); xhr.onreadystatechange = function () { if ((xhr.status >= 200 && xhr.status 300) ||原创 2017-10-30 18:56:21 · 818 阅读 · 0 评论 -
localStorage
1.localStorage的特点相对于其他存储方式，localStorage有以下几个特点 （1）存储在客户端中 （2）存储容量大：能存储5M甚至更多的数据 （3）能一直存在于浏览器中，除非用户自己手动删除2.localStorage的获取var storage = window.localStorage;/*第一种方法*/storage.name;/*第二种方法*/storage["原创 2017-10-23 20:35:39 · 459 阅读 · 0 评论 -
关于this的指向
每个函数被调用时都会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能直接访问外部函数中的这两个变量举个例子：var age = '18';function getAge() { var age = '20'; alert(this.age); }getAge(); // 18在浏览器中获得的信息如下：在全局原创 2017-10-18 13:44:23 · 398 阅读 · 0 评论 -
DOM中常用的属性
DOM中常用的属性1.innerHTML<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <a id="link" href="http://www.baidu.com">百度</a> <script type="text/javascript"> var node = d原创 2017-10-12 22:16:57 · 1864 阅读 · 0 评论 -
Array类型
Array类型是除了Object类型之外最常用的类型1.创建数组（1）使用Array构造函数var arr = new Array(); // 空数组var arr = new Array(5); // 数组的长度为5var arr = new Array(2, 1, 3, 5, 4); 也可以省略ne原创 2017-09-24 10:16:51 · 6202 阅读 · 0 评论 -
Location对象
location是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能location对象是很特别的一个对象，它既是window对象的属性，也是document对象的属性，换句话说，window.location和document.location引用的是同一个对象属性hash：返回URI中的hash（#号跟零或多个字符） host：返回服务器名称原创 2017-11-02 20:53:33 · 315 阅读 · 0 评论 -
浏览器内核
浏览器内核主要分为两部分：渲染引擎和JS引擎渲染引擎 负责取得网页的内容（HTML、XML、图像等等），整理讯息（例如加入CSS等）以及计算页面的显示方式，然后会输出至显示器或打印机。浏览器内核的不同对于页面的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器，电子邮件客户端以及其它需要编辑，显示网络内容的应用程序都需要内核JS引擎 负责解析和执行JavaScript来实现页面的动态效果最原创 2017-11-02 21:09:55 · 382 阅读 · 0 评论 -
图解原型
一 . 原型的基本概念1.如何产生？每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的实例的所有实例共享的属性和方法2.原型的作用可以让所有对象实例共享它多包含的属性和方法二 . 原型的用法1.创建对象1）原型模式通过设置函数的prototype属性来为其原型添加属性和方法function Person() {}Person.proto原创 2017-11-13 16:46:24 · 415 阅读 · 0 评论 -
立即执行函数
一 . 立即执行函数立即执行函数，顾名思义，就是能立即执行的函数一般的，函数的执行都遵循着先声明，后调用的原则，无论是函数表达式还是函数声明，例如：（1）函数声明// 声明function sayHello() { console.log("hello");}// 调用sayHello(); // hello（2）函数表达式// 声明var sayH原创 2017-11-22 22:45:04 · 1589 阅读 · 0 评论 -
事件委托
什么是事件委托？ 事件委托是一个解决方法，解决因事件处理程序过多而带来的页面整体性能问题。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。例如：click事件会一直冒泡到document层次。也就是说，我们可以为整个页面指定一个onclick事件处理程序，而不必给每个可单击的元素分别添加事件处理程序。下面通过一个例子来了解一下<ul> <li id="item原创 2017-05-10 23:17:55 · 294 阅读 · 0 评论 -
编程题总结
function count() { var tags = document.getElementsByTagName('*'); //获取所有的元素 var obj = new Array(); var tag = null; var max = 0; for (var i = 0; i < tags.length; i++) { var原创 2017-09-11 22:43:15 · 244 阅读 · 0 评论 -
js中常见的排序算法
排序算法的比较注：以下的排序均为升序冒泡排序最坏情况如下：function bubbleSort(arr) { var len = arr.length; var temp; for (var i = 0; i < len; i++) { for (var j = 0; j 1; j++) { if (arr原创 2017-09-15 19:48:00 · 189 阅读 · 0 评论 -
事件处理程序
事件流 事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕获流。事件冒泡 IE的事件流叫做冒泡流，即事件开始时由最具体的元素接收，然后逐级向上传播到比较不具体的结点。例：<!DOCTYPE html><html> <head><title></title> </head> <body> <原创 2017-05-08 23:01:42 · 271 阅读 · 0 评论 -
JSON
JSON的语法可以表示以下三种类型的值。 (1)简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。 (2)对象：对象作为一种复杂数据结构，表示一组无序的键值对。而每个键值对中的值可以是简单值，也可以是复杂数据类型的值。 (3)数组：数组也是一种复杂的数据类型，表示一组有序的值的列表原创 2017-05-14 14:50:34 · 265 阅读 · 0 评论 -
Undefined类型与Null类型
Undefined类型 Undefined类型只有一个值，即特殊的undefined。在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined，例如：var message;alert(message == undefined); //true上例中声明了一个变量，但未对其进行初始化。比较这个变量与undefined字面量，结果表明他们是相等的。上例与下面的例子是等价的：va原创 2017-05-06 22:00:51 · 796 阅读 · 0 评论 -
JavaScript内存分配
在ECMAScript中，变量可以存放两种类型的值：原始值和引用值。原始值：代表原始数据类型（基本数据类型）的值，即undefined、null、Number、String、Boolean类型所表示的值。引用值：复合数据类型的值，即Object、Function、Array以及自定义对象等。原始值与引用值对应存在两种结构的内存：栈和堆。 栈：先进后出的数据结构。原始值是存储在栈中的简单数据，即，它原创 2017-04-25 16:41:20 · 511 阅读 · 0 评论 -
音乐播放器
音乐播放器的实现成果展示： Audio对象 创建一个Music类/*定义music对象*/function Music(){ this.musicDom = null; //播放器对象 this.songs = new Array();//歌曲目录 this.index = 0; //歌曲下标}//初始化,创建一个audioMusic.pr原创 2017-04-17 16:06:06 · 379 阅读 · 0 评论 -
包装对象
包装对象存取字符串、数组、布尔值的属性时临时创建的对象叫做包装对象。例：var s = "Hello World!";var world = s.substring(s.indexOf("")+1, s.length);console.log(s, world); 执行结果：Hello World! World!字符串不是对象，为什么会有属性呢? 只要引用字符串s原创 2017-04-20 09:53:33 · 319 阅读 · 0 评论 -
JavaScript垃圾回收机制
JavaScript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中的内存。 垃圾回收机制的原理：找出那些不在继续使用的变量，释放其占用的内存。因此，垃圾收集器会按照固定的时间间隔，周期性地执行这一操作。局部变量的生存周期： 局部变量只在函数执行的过程中存在，而在这个过程中，会为局部变量在栈（或堆）内存上分配内存，以便存储它们的值，然后在函数中使用这些变量，直至函数执行结束。标记原创 2017-04-22 09:46:53 · 303 阅读 · 0 评论 -
Object类型
ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和方法，就可以创建自定义的对象，如下所示：var o = new Object();这个语法与Java中创建对象的语法相似，但在ECMAScript中，如果不给构造函数传递参数，则可以省略后面的那一对圆括号。例如：var o = new Obj原创 2017-05-06 23:52:49 · 569 阅读 · 0 评论 -
创建对象
工厂模式这里写代码片原型模式这里写代码片组合使用构造函数模式和原型模式这里写代码片原创 2017-06-04 13:35:15 · 252 阅读 · 0 评论 -
闭包的应用
闭包的两大应用：模仿块级作用域和创建私有变量。（1）模仿块级作用域 JavaScript没有块级作用域的概念。这意味着在块级语句中定义的变量，实际上是在包含函数中而非语句中创建。function test(){ for(var i=0; i4; i++){ alert(i); } alert("i="+i);}test(); //0,1原创 2017-05-05 22:08:17 · 440 阅读 · 0 评论 -
JavaScript代码规范
规范的代码可以更易于阅读及维护，下面是一些基本的代码规范（1）命名规则 变量名、函数名：推荐使用驼峰式来命名 全局变量：大写 常量：大写例如：//变量var local = 'local';//全局变量var GLOBAL = 'global';//常量var PAI = 3.1415926;//函数function getTime(arguments) {原创 2017-08-11 17:40:00 · 250 阅读 · 0 评论 -
回到顶部效果
html代码<a href="javascript:;" class="btn_bottom_top sprite js_btn_top"> <span class="icon_txt">返回顶部</span></a><a href="javascript:;" class="btn_bottom_feedback sprite js_btn_feedback"> <span c原创 2017-09-05 23:39:43 · 321 阅读 · 0 评论 -
BFC
BFC布局规则（特性） （1）在BFC下，内部的Box会在垂直方向一个接一个的放置<div class="main"> <div class="box1"></div> <div class="box2"></div></div>.main {原创 2018-03-08 23:21:10 · 287 阅读 · 0 评论