插入DOM appendChild createElement setAttribute当我们获得了某个DOM节点，想在这个DOM节点内插入新的DOM，应该如何做？如果这个DOM节点是空的，例如，<div></div>，那么，直接使用innerHTML = ‘<span>child</span>‘就可以修改DOM节点的内容，相当于“插入”了新的DOM节点。如果这个DOM节点不是空的，那就不能这么做，因为innerHTML会直接替换掉原来的所有子节点。有两个办法可以插入新的节点。一个是使用appendChild，把一个子...
Javascript 将 HTML 页面生成 PDFhtml2canvas：https://github.com/niklasvh/html2canvasjsPDF：https://github.com/MrRio/jsPDFrender-html-to-pdf （html2canvas + jsPDF）https://github.com/linwalker/render-html-to-pdfhttps://mp.weixin.qq.com/s/13EF1SfGopBAeJeacLXNhAdom-to-image.js ：https://github.com/tsayen/dom-to-imagefilesave.js jspdf.js：https://github.com/eligrey/FileSaver.js 原文：https://www.cnblog...
一些写类工具函数或框架的写类方式本质上都是
构造函数+原型。只有理解这一点才能真正明白如何用JavaScript写出面向对象的代码，或者说组织代码的方式使用面向对象方式。当然用JS也可写出函数式的代码，它是多泛型的。 为了讨论的单一性，暂不考虑类的继承，(私有,受保护)属性或方法。EMCAScript中实际没有类(class)的概念，但可以把它理解为更广义的概念。 1、构造函数方式/** * Person类：定义一个人，有个属性name，和一个getN...
//Author: default7<default7#zbphp.com>
function initCopy($o) {var text = $o.html();if (text) {$o.attr('title', '点击复制 ' + text);new ZeroClipboard($o).on("copy", function (event) {var clipboard = event.clipboardData;clipboard.setData("text/plain", text);alert('复制成功' + text);});}
}ZeroClipboard.config({ moviePath: '/Public/zeroclipboard/dist/ZeroClipboard.swf' });
$('span.key').each(function ...
冒泡排序：车轮战，两辆比较，小的靠前特点：1.轮数：共比较length-1轮2.每次比较的次数：①第一次比较length-1次，确定出最大的数②第二次比较length-2次，确定出倒数第二大的数...代码：双层循环表示整个排序的过程1.外层循环：控制比较的轮数，从1,开始，到length-1（能取到）结束2.内层循环：控制每轮中比较的次数，同时也要表示参与比较的元素的下标，从0开始，到length-1-i（轮数变量）结束原文：https://www.cnblogs.com/10...
短小强悍的JavaScript异步调用库 var queue = function(funcs, scope) {(function next() {if(funcs.length > 0) {funcs.shift().apply(scope || {}, [next].concat(Array.prototype.slice.call(arguments, 0)))}})()
}var obj = { value: null
}queue([function(callback) {var self = thissetTimeout(function() {self.value = 10callback(20)}, 200)},function(callback, add) {console.log(this.value + add)callback()},func...
1、该功能只适用于需要页面自动撑满或缩小到可见区域，并且只对单个主体改变高度的需求。var ResetControl = function (pTask) {var _task = pTask || [],_isLock = false, bindEvent = function(){var me = this;$(window).bind(‘resize.reset‘, function (event) {fire.call(me);if (_task.length === 0) {$(window).unbind(‘resize.reset‘, arguments.callee);}});}, fire = function () {//当前页面可见高度var...
人生短暂，废话不多说，直奔主题！这个小实例的要求：实现在页面中输出99乘法表。（要求：以每三行为一组，实现隔行变色（颜色为白，红，黄（也可自己定义）），鼠标滑过每一行，行背景颜色变为蓝色，鼠标离开又恢复原来的颜色），隔行变色的效果需要用if和switch两种判断方式都能实现；额，分析一下实例要求：一个99乘法表，一个多方法的隔行变色，鼠标滑过变另外一个颜色，离开恢复原色。 嗯，我们一步步来吧！99乘法表的实现，...
经常遇到要给 html 中所有相同属性的元素添加同一个点击事件, 这里, 我需要给所有 type 属性为 "radio" 的 input 元素添加上相同的点击事件, 具体实现的 javascript 代码如下: // document.querySelectorAll("input[type=‘radio‘]")是获取网页上所有type属性为radio的input元素
document.querySelectorAll(‘.some-class‘).forEach(item => {item.addEventListener(‘click‘, event => {//handle click })
}) 参考资料: https...
function isArray(a)
{//Date,Array,String,Object,Function,Boolean,Numberreturn a.constructor.toString().indexOf("Date") > -1;
} 原文：http://www.cnblogs.com/tianhengblogs/p/6282647.html
1. Humble Finance这是一个非常好用的HTML5数据可视化工具，与Flash工具颇为相似。基于JavaScript，利用了Prototype 和 Flotr 库，可用于显示两组实时二维数据。
2. D3D3是最流行的可视化库之一，它可以将任意数据绑定到DOM（Document Object Model，文档对象模型），然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表，或生成一个SVG条形图。
3. RickshawRickshaw可以创建交互时间序列图。它依赖于D3的可视化库，需...
switch语句用于基于不同的条件来执行不同的动作。JavaScript switch 语句使用switch语句可以进行多项选择。语法： switch( 变量1 ){ case 变量2: //语句1; break; case 变量3: //语句2; break; default: //语句3; }执行原理：变量1的值跟case 的值进行比较。比如 变量1等于case 变量2，就执行语句1。如果变量1等于 case 变量3 就执行语句2，如果都...
问题背景太久没写,有些忘记JS的一些知识点.今天遇到构造函数中的this指向问题.作此摘抄,以备再次忘记.以下文章均来自互联网.在底部标有出处.感谢开放的互联网技术??摘抄段落1、在许多文献中关于this的指向 都是 谁调用这个方法 这个方法内的this就指向谁；可是为什么构造函数里面的this会指向实例呢，当然，我这里并不是调用的原型里面的方法。
2、代码如下：
function p(){console.log(this)}new p();
function fn(){console.log(...
C#中有很多易混淆的关键词，例如delegate,Func, Action和 Predicate。Func, Action和 Predicate本质上都是delegate，下面看一下delegate概念。1 delegate概念 delegate本质上就是一个指向函数的指针，可以指向不同的函数，只要函数的签名和代理一致即可。2 delegate应用 其实Func, Action, Predicate等都是delegate，只是特殊的delegate而已。delegate的巧妙应用，可以大大简化代码和提高灵活性。下面有一段Javascript代码，...
1.javascript代码插入html里面主要利用<script></script>元素： 本页面插入js代码：<script type="text/javascript"></script> 引入外部资源文件：<script type="text/javascript" src="path.js"></script>注：页面在解析中遇见任何</script>节点都会结束对当前js代码的解析：如alert("</script>")可以写成alert("</sc"+"ript>")，引入外部资源文件可以是不在同一服务器上面的文件，但是必须保证外部的资源能够正常访问。2.j...
