iframe的onreadystatechange事件在firefox下的使用 2017年02月06日 13 阅读 firefox不支持iframe的onreadystatechange事件,这个让我调试一下下午。。。 直接贴代码 我这里想做的效果是先生成一个iframe,当我想里面加载内容的时候触发这个事件, 代码可以很清晰的看到用onload方法来进行替代了。...
在JS中解析HTML字符串示例代码 2017年02月06日 13 阅读 在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示。 复制代码 代码如下: <span style="font-size:14px;">var el = document.createElement( "div" ); el.innerHTML = "<html><head><title>titleTest</title></head><...
你可能不知道的JavaScript的new Function()方法 2017年02月06日 14 阅读 我们大多数人都使用过JavaScript,近年来随着各种JavaScript框架的流行使得JavaScript变得更加神奇和容易。"Anonymous (匿名)函数?不知道那是什么但是看起来和自己所写的差不多。”你可能并不知道可以传给 new Function() 一个字符串作为函数的body来构造一个 JavaScript函数。编程中并不经常用到,但有时候应该是很有用的.下面是 new Function 的基本用法:复制代码 代码如下:// 最后一个参数...
JS下载文件|无刷新下载文件示例代码 2017年02月06日 13 阅读 后台代码Handler.ashx 复制代码 代码如下: <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { string fileName = "web.conf...
js调用后台、后台调用前台等方法总结 2017年02月06日 12 阅读 js调用后台,后台调用前台等方法总结 1. javaScript函数中执行C#代码中的函数: 方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中; 复制代码 代码如下: protected void Button1_Click(object sender, EventArgs e) { this.TextBox1.Text = "voodooer"; } 2、在前台可以这样调用: 复制代码 代码如下: <inpu...
淘宝网提供的国内NPM镜像简介和使用方法 2017年02月06日 12 阅读 淘宝的 NPM 镜像是一个完整的npmjs.org镜像。你可以用此代替官方版本(只读),同步频率目前为 15分钟 一次以保证尽量与官方服务同步。1.当前 registry.npm.taobao.org 是从 registry.npmjs.org 进行全量同步的.2.当前 npm.taobao.org 运行版本是: cnpmjs.org@0.4.13.系统运行在 Node.js@v0.11.12 上.使用说明可以通过定制的 cnpm (gzip 压缩支持) ...
JS实现div居中示例 2017年02月06日 14 阅读 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS实现div居中</title> <style> /*外层div居中*/ #main { position: absolute; /*极为重要*/ background-color: blue; width:400px; hei...
JavaScript事件委托的技术原理探讨示例 2017年02月06日 13 阅读 如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)"了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多人不理解事件委托的工作原理。这里我将要解释事件委托是如何工作的,并提供几个纯JavaScript的基本事件委托的例子。 假定我们有一个UL元素,它有几个子元素:...
巧用replace将文字表情替换为图片 2017年02月06日 13 阅读 微博或者论坛上常见的效果,选择表情插入文本域的时候,显示的是类似[哈哈]这样的字符串,下面是把表情字符串转换为图片表情的一种方法 复制代码 代码如下: <div id="test">abc</div> 复制代码 代码如下: var face ={"[哈哈]":"<img src="images/face/haha.gif" alt="" />","[流汗]":"<img src="images/face/liuh...
js中的cookie的读写操作示例详解 2017年02月06日 13 阅读 cookie是一小段信息,以键/值对的信息保存在计算机硬盘上的字符串, cookie存储容量大概在4kb,不同的浏览器厂家对cookie大小的限制有微微的差异;cookie主要的本质是“识别”,通过识别来做一些事情;cookie 也是无法从你的硬盘取得任何其它数据,传送电脑病毒或者获取你的电子邮件地址。cookie是有有效期的,cookie的默认有效期是从cookie生成至浏览器关闭,也可以通过设置cookie的有效期来指定其失效日期;用户也可以禁止coo...
JavaScript避免代码的重复执行经验技巧分享 2017年02月06日 14 阅读 我喜欢到一些大型网站上去翻阅它们的原代码,期望能找到一些可以应用到自己的代码中的模式,或发现一些之前从未听说过的工具和技巧。可是,在我查看这些大型网站的源代码时,经常会发现一个问题,那就是重复的代码执行,重复的功能应用。下面就是一些在查看它们的源代码时发现一些问题,把这些分享给大家,希望能让你们更加简洁高效的写出JavaScript代码。 重复的收集元素 我在他们的JavaScript代码里看到的最常见的问题是重复的收集元素。虽然jQuery选择器引擎或q...
window.location不跳转的问题解决方法 2017年02月06日 12 阅读 今天写代码的时候遇到个问题:html里采用onclick事件来实现window.location = url的跳转,在内嵌元素上又加上了href="javascrit:;"的属性。这时这句window.location的跳转失效了。后来上网查了下,想起javascript里面事件是冒泡传递的事,可能是被内嵌的那个href事件给组织了。 解决办法是:在onclick方法里面增加一句return false的语句,让程序强制跳出不继续执行后面的语句。...
javascript闭包传参和事件的循环绑定示例探讨 2017年02月06日 12 阅读 今天看到一个javascript的题目,按常理循环绑定事件,但是得到的结果却不是想要的。 复制代码 代码如下: <a href="#">text</a> <br> <a href="#">link</a> <script> var as = document.getElementsByTagName("a"); for ( var i = as.length; i--; ) { as[...
jQuery模拟点击A标记示例参考 2017年02月06日 13 阅读 这个问题弄了半小时没想明白,后来觉得是这样的. 菜单 复制代码 代码如下: <li class="menu"><a href="xxx.com" target="_blank"></a></li> 点击<li>时,触发里面的超连接: 复制代码 代码如下: // 正确选择 $("li.menu").children("a")[0].click() // 以下是不行的 $("li.menu").ch...
jQuery中对未来的元素绑定事件用bind、live or on 2017年02月06日 13 阅读 对未来的元素绑定事件不能用bind, 1、可以用live代替,但是要注意jquery的版本,根据官方文档,从1.7开始就不推荐live和delegate了,1.9里就去掉live了。 2、推荐用on代替(注:1.7及以上的版本才支持)。用法:on(events,[selector],[data],fn) 复制代码 代码如下: //放在$(function(){})里才有效 $(document).on("click", "#testDiv", functi...
js截取中英文字符串、标点符号无乱码示例解读 2017年02月06日 13 阅读 复制代码 代码如下: <script> function subString(str, len, hasDot) { var newLength = 0; var newStr = ""; var chineseRegex = /[^x00-xff]/g; var singleChar = ""; var strLength = str.replace(chineseRegex,"**").length; for(var i = 0;i <...
jquery库或JS文件在eclipse下报错问题解决方法 2017年02月06日 12 阅读 在工程中导入jquery-1.7.1之后一直有一个红叉叉,虽然不会影响程序功能,但是看着非常不舒服,而且在提交项目代码到SVN服务器的时候有提示,决心把这红叉叉给搞掉。网上搜了下基本都不能解决问题,然后在尝试各种方式之后发现下面的方法可行: 1右击工程,选择property。 2在弹出的界面中选择Validation 3点击右边的JavaScript Syntax Validator的Settings 4在弹出的窗口中点击Add Exclude Group...
JavaScript编程的10个实用小技巧 2017年02月06日 12 阅读 在这篇文章中,我将列出10个Javascript实用小技巧,主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法。始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高。复制代码 代码如下:var myVar = "3.14159",str = ""+ myVar,...
JQuery each()嵌套使用小结 2017年02月06日 14 阅读 注意:function(i){}可以带 i ,表示index。以及JavaScript对象 复制代码 代码如下: var startObj = {}; //申明js对象 $("#tabT").find("tr").each(function(i){ var uuid = ""; $(this).find("input[type="hidden"]").each(function(j){ if(j==0){ uuid = $(this).val(); } s...
禁用Tab键JS代码兼容Firefox和IE 2017年02月06日 14 阅读 复制代码 代码如下: <script type="text/javascript"> document.onkeydown=function(e){ var isie = (document.all) ? true:false; var key; var ev; if(isie){//IE浏览器 key = window.event.keyCode; ev = window.event; }else{//火狐浏览器 key = e.which;...