函数声明式function funname( 参数 ){...执行的代码}声明式的函数并不会马上执行，需要我们调用才会执行：funname();* 分号是用来分隔可执行JavaScript语句，由于函数声明不是一个可执行语句，所以不以分号结束。 函数表达式var x = function( 参数 ){...执行的代码块};函数表达式定义的函数，实际上也是一个匿名函数（这个函数没有名字，直接存储在变量中）* 函数表达式结尾是要加分号的，因为它是一个执行语句。 Function 构造函...
有时候要对响应一堆相似的事件，但是每个事件的参数都不同，一开始还以为挺简单的，用个for循环不就得了，结果发现，额，都是使用了最后一个参数。。。 上网查资料！！！结果大神说用闭包解决 代码： 代码如下: for(var i=0;i<10;i++){ btns[i].onclick=(function(i){ return function(){alert(i)} })(i) } 大概原因是直接用btns[i].onclick=function(){alert(i)}时，JavaScript引擎会先将for循环里的代码执行完， 当用户出发onc...
本文主要讲三个最为常用的输出语句，有alert()弹出警示框，打印输入语句，控制台输出，具体方法请看下文，附有图片、注释非常详细。代码如下: alert() 弹出警示框 window.alert(‘继续学习); 完整的写法效果如下：因为alert 属于window 对象的方法， 而 window是可以省略的 所以，一般我们都是这么写 ： alert(‘欢迎大家来学习); //弹出警示框 但是，这个啊，每次都会弹出对话框，对于一些胆小的人，会吓着人家，嘻嘻，开玩笑啦...
之前写过一篇 关于 JSON 的介绍文章，里面谈到了 JSON 的解析。我们都知道，高级浏览器可以用 JSON.parse() API 将一个 JSON 字符串解析成 JSON 数据，稍微欠妥点的做法，我们可以用eval() 函数。 JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。 JSON的规则很简单： 对象是一个无序的“‘名称/值对”...
拖动效果函数演示 by Longbill.cn body { font-size:12px; color:#333333; border : 0px solid blue; } div { position : absolute; background-color : #c3d9ff; margin : 0px; padding : 5px; border : 0px; width : 100px; height:100px; } function drag(o,s) { if (typeof o == "string") o = document.getElementById(o); o.orig_x = parseInt(o.style.left) - document.body.scrollLeft; o.ori...
在经过一番简单排查之后找到了问题所在，Cookie设置失败。 但至于为什么会失败，这个问题查了半天，最后在StackOverflow上面有人提到了，IE从5.0开始就无法为短域名下设置Cookie。 那么多短才会出现问题呢？经过试验，发现包含点号在内一共5个字符以内包括5个字符都无法通过Javascript设置Cookie，不过这里有个前提，就是只有当你设置Cookie时显式指定了domain参数才会失败。也就是说如果你这么写： 查看源代码打印帮助document.co...
比如： 代码如下: var anchors = document.getElementsByTagName("a"); for (i = 0; i < anchors.length; i++) { var ele=anchors[i];//取某一个元素 //some code here } 上面的代码表示获取文档中的所有链接元素，然后遍历做一些事情。 也许你会问，通过这种方法获取的这一组dom元素不就是一个数组吗？你看，你都可以直接获取它的length属性，还可以根据索引取到对应的单独元素，根据大牛的著名鸭子理论，它像鸭子一样行走（有l...
运算符优先级 JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。 下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值*...
火狐官网上找到的一组函数，相当于treeWalker，有了它可以方便地在IE实现Traversal API 2的所有功能（nextElementSibling，previousElementSibling，firstElementChild，lastElementChild，children）These functions let you find the next sibling, previous sibling, first child, and last child of a given node (element). What makes them unique is that they safely ignore whitespace nodes so you get the real node yo...
使用onEndEdit事件（该事件可以获取到editor对象，onAfterEdit事件获取不到Editor对象） 通过editor拿到输入数据并保存。int ci = 0; for(Column col : columnList ){ for(Combobox cbb : col.getCombobox()){ if(cbb != null){ str += "var ed" + ci + " = $j(\"#"+RandomNumber+"\").datagrid(\"getEditor\",{index:rowIndex,field:\""+col.getField()+"\"});" ; str += "var val" + ci + " = ed" + ci + ".target.combobox('get...
这篇文章主要介绍了微信小程序中换行空格（多个空格）写法详解,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下在小程序中HTML的网页实体无法正常使用，小程序中的写法为： 一、空格，换行<text>你好！\t七月流火啊！\n我在下一行</text>\t 空格（ 多个只会显示一个空格） \n 换行二、连续空格<view><text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）</text> </view> <view><text space="emsp">你好 啊 哈...
这篇文章主要给大家介绍了关于利用js实现的一个提取中文拼音首字母的封装工具类，文中给出了详细完整的示例代码，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以直接拿来用，下面随着小编来一起学习学习吧。前言本文主要记录了如何用js提前中文拼音首字母的方法。封装一个函数，假如有需要的，可以直接拿去用。下面话不多说了，来一起看看详细的介绍吧。原理主要是根据中文的unicode码来进行的。主要是在收集的中文范...
本篇文章主要介绍了用p5.js制作烟花特效的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧前言之前看过一篇文章，使用processing制作烟花特效。效果如下fireworks 网上调查了一圈了，发现processing是一个互动编程软件，java语言发展而来。而且动画效果是跑在processing专门的模拟器上。 不过好在也有对应的web扩展语言，有processing.js和p5.js。 processing.js在github上已经好几年没有人...
这篇文章主要介绍了webpack4.0打包优化策略整理小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了webpack4.0打包优化策略整理小结，分享给大家，具体如下：webapck4 新特性介绍-参考资料当前依赖包的版本 1.优化loader配置 1.1 缩小文件匹配范围(include/exclude)通过排除node_modules下的文件 从而缩小了loader加载搜索范围 高概率命中文件 module: {rules: [{test: /\.js$/,use: ba...
这篇文章主要介绍了JS对图片进行黑白化的实现代码，现在分享给大家，需要的朋友可以参考下HTML5推出了<canvas>元素，使我们可以通过js动态的在 <canvas> 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作<canvas>元素 来实现的。先看一下效果图左侧为 img标签 ， 右侧为 canvas 元素标签，结构如下<img src="1.jpg" style="width: 200px; height: 199px"/> <canvas id="drawing" width="200" height="199" ></...