模板Javascript中模板的核心概念是，将包含模板变量的HTML片段和Javascript对象做合并，把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎，但是链接失效了，可以在这里下载，链接：jQuery.tmpl使用方式很简单，看一下它的说明就行了。给定一个模板，通过给它添加数据就能生成渲染好的元素节点，然后就可以将它添加到页面中，主要使用方法如：//数据var object = {url: "http://example.com",getName: function(){ret...
我说日更就日更，接着....今天从缓冲布局信息开始啦！-------------------2016-7-22 21:09:12---------------------------14、减少对布局信息的查询次数，查询时将他赋值给局部变量参与计算。例子，在元素网右下方不断平移时，在timeout中可以写：1var current = myElement.offsetLeft; 2 current++; 3 myElement.style.left = current + ‘px‘; 4 myElement.style.top = current + ‘px‘; 5if(current > 500){ 6//...
一、document.write方法document对象write()方法，常用来向网页中输出字符串，圆括号中可以是要输出的字符串，document.write(‘这是我的个人博客‘);也可以是字符串变量，var myText = ‘这是我的个人博客‘; document.write(myText);还有一种，就是通过字符串和变量组合的方式进行输出。var myText = ‘这是我的‘; document.write(myText + ‘个人博客‘);document.write还可以应用到函数中，不过我需要在HTML中调用这个函数才能...
原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html原博客的作者是一个非常牛逼的前端大神，我作为一个初学者，在此借助大神的博客进行自己的学习。在这里感谢原作者无私的分享。也强烈建议大家到原作者的博客下学习。好了，现在让我们跟着大神的脚步前进吧。用过JavaScript的人肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都有一个prototype属性，可以为其添加函数供实例访问，其他的...
数组排序1、冒泡排序 最常用也是最容易理解的排序方式（一个嵌套的循环比较每一次的大小根据设定的条件来交换位置）。 1function bubblesort(ary) {2for (var i = 0; i < ary.length - 1; i++) {3for (var j = 0; j < ary.length - i - 1; j++) {4if (ary[j] > ary[j + 1]) {5var temp = ary[j];6 ary[j] = ary[j + 1];7 ary[j + 1] = temp;8 }9 ...
javaScript中，原型是常用到一种方式，它能降低内存占用，写出更高效的代码原型常用到的则是prototype属性JavaScript prototype 属性定义和用法prototype 属性允许您向对象添加属性和方法注意： Prototype 是全局属性，适用于所有的Javascript对象。这是来自菜鸟教程的解释现在，为验证prototype用法，我用如下代码进行测试 1 <script>2 Person.prototype.Lname = ‘xiaohuang‘;3 Person.prototy...
什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netscape浏览器标准的一部分BOM结构图 BOM对象包括 window对象是BOM的顶层(核心)对象，所有对象都是...
事件流：事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序；事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
hello world: 大家早上好 ，所谓一年之计在于春，一日之计在于晨。今天开始学习 高级程序设计第三版 第二遍 以前以迅雷不及掩耳之势草草看过一遍 ，但是什么也没记住 已经忘得差不多了。哈哈，原来我不是黄蓉，也不是天才，还是那句话 好记性不如烂笔头。这次学习高级程序设计第三版 是有目标的，有目的性的。所以我会把 每一章学习的心得和笔记 都记录在此。于己于人都方便。废话不多说 ，开始吧 今天的第一张 ，javascript 的...
事件捕获：事件从根节点开始，逐级到子节点，若节点绑定了事件动作，则执行动作，继续往下走。事件冒泡：事件由子节点向跟节点派送，若节点绑定了事件动作，则执行动作，然后继续往上走。 一、怎么绑定事件和移除事件？由于IE浏览器不支持事件捕获，只支持事件冒泡。因此，其他遵循标准的浏览器都使用W3C定义的函数绑定和移除，IE浏览器则自有一套执行规则。下面分别总结一下W3C和IE的绑定机制：1、W3C下的事件绑定添加事件 — add...
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...
依然第十三章 事件1、页面上的所有元素都支持鼠标事件，除了mouseenter和mouseleave，所有鼠标事件都会冒泡。2、修改键：shift、ctrl、alt、meta。四个属性表示修改键的状态：shiftKey等。3、event对象的relatedTarget属性提供了相关元素的信息。只对mouseover和mouseout事件才包含值。4、对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用时间冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。最适合...
第13章，事件事件冒泡IE的事件叫做事件冒泡：由具体到不具体<!DOCTYPE html><html><head> <title>Event Bubbling Example</title></head><body> <div id="myDiv">Click Me</div></body></html>如果你单击了<div>元素，那么这个click事件按如下顺序传播：<div> --> <body> --> <html> --> document事件冒泡过程：事件捕获：Netscape Communicator团队提出事件流：事件捕获：由不具体到具体依然以上面的页面为例，如果你单击...
第20章，JSONJSON（JavaScript Object Notation，JavaScript对象表示法），是JavaScript的一个严格的子集。JSON可表示一下三种类型值：简单值：字符串，数值，布尔值，null，不支持js特殊值：undefined对象：一组无序的键值对数组：一组有序的值的列表不支持变量，函数或对象实例注：JSON的字符串必须使用双引号，这是与JavaScript字符串最大的区别对象{"name":"Nicholas","age":20 }注：JSON中的对象要求给属性加引号与JavaScript...
1.对于javascript中的this关键字，表示的是当前代码所处的对象。var a={get:function(){this.val=12}}console.log(a.val); a.get(); console.log(a.val); a是一个对象，注意一点，get并不是一个对象（其实也不对，javascript中万物皆为对象，但这样比较容易理解和记忆），而是a的一个属性，根据对this的定义，this所处的代码的对象正是a，所以this代表a对象。function my(){this.name=‘迪迦‘ }console.log(new my().name); 再比...