第5页_原创博文_JavaScript/Ajax开发技巧_Web前端开发教程_Web前端开发

js文件三斜杠注释///reference path用途

2015-12-10评论(0)浏览(1296)分类：JavaScript/Ajax开发技巧

　　编辑某个js文件时，要想这个js文件出现其他js成员的ide提示，可以再js文件开头使用3个斜杠注释和reference指令的path指向此js文件路径，这样在编写这个js文件时，ide就会自动出现path指向的js文件中的成员。　　如导入jquery框架，在vs2013中编写js文件时，jquery的标志性字符$就会自动出现在ide中，并且其方法也会一起ide提示，大大加快代码..

CSS表格固定表头示例

2015-12-10评论(0)浏览(1229)分类：HTML/CSS兼容/XML

　　css+JavaScript实现表格的表头固定效果，页面滚动，表头处于页面最顶端。　　CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..

javascript读取客户端文件内容

2015-12-16评论(0)浏览(527)分类：JavaScript/Ajax开发技巧

　　本文使用HTML5的FileReader对象结合file对象读取客户端选中的文本类型的文件。注意：一定要结合file对象，不可以直接指定客户端文件路径。安全问题是不允许直接访问客户端文件的，而且你指定的路径也不一定存在。之前在csdn碰到一个人以为html5是神列，什么都能做，我就呵呵了。。备注：IE9-不支持FileReader。　　javascript读取客户端文件..

jQuery ajax timeout讨论

2012-7-26评论(0)浏览(237)分类：JavaScript/Ajax开发技巧

　　今天在csdn看到了一个jquery ajax中的timeout问题，地址http://topic.csdn.net/u/20120726/10/0fc851fd-fb54-455c-85db-4b60ffd2e375.html，一个人同时发送了100个ajax请求，timeout设置为5s，只返回了前面几个的ajax请求，后面ajax请求全部超时。　　这个超时问题是jquery的timeout没处理好吗？其实我觉得不是，是浏览器并发请求处理数量有..

javascript实现firefox调试器复制唯一选择器功能

2015-12-1评论(0)浏览(238)分类：JavaScript/Ajax开发技巧

　　firefox的调试器，右键点击dom对象后有一个右键功能复制唯一选择器，点击这个菜单后系统剪贴板中将会存储此dom对象的唯一css选择器，如下下图所示。　　测试下了firefox调试器复制唯一选择器功能规则应该这样，通过遍历父元素（包含自己），碰到第一个id选择类，或者碰到第一个包含class属性，并且 document.getElementsByClassName（IE8-不..

Ajax服务器端跳转重定向问题讨论

2010-5-27评论(0)浏览(1573)分类：JavaScript/Ajax开发技巧

　　今天在CSDN看到一个问题，如下　　请问一下，下面这个链接（http://www.sohu.com/dfwejrle.html）明明不存在，却返回有效，是怎么回事？急，在线等，谢谢！script type=text/javascript src=jquery.js/script script$.ajax({ url: 'http://www.sohu.com/dfwejrle.html', type: 'GET', complete: function(response) { i..

jqueryui datepicker点击今天按钮如何设置控件值

2015-11-3评论(0)浏览(991)分类：JavaScript/Ajax开发技巧

　　2015-11-4更新：自己重写jqueryui datepicker的_gotoToday私有方法也行$.datepicker._gotoToday = function (id) { $(id).datepicker('setDate', new Date()).datepicker('hide').blur();}; 　　jqueryui的datepicker插件点击今天按钮时，只是跳转到当天所在的月份，而不是设置控件的值为今天。要想点击今天这个按钮后设置..

touchEnd事件不触发解决办法

2015-11-3评论(0)浏览(485)分类：JavaScript/Ajax开发技巧

　　移动端touchEnd事件不触发解决办法div id=dv style=height:1000px/divscript document.addEventListener('touchstart', function (e) { e.preventDefault()//不增加这句touchend不会触发 }, false); document.addEventListener('touchend', function (e) { document.getElementById('dv').i..

网站引用谷歌地图打不开解决办法

2014-7-16评论(0)浏览(281)分类：JavaScript/Ajax开发技巧

　　谷歌地图被中国防火墙封杀，所以不用直接引用http://maps.googleapis.com/maps/api/js?sensor=falselanguage=en这域名下的谷歌地图api，而是改为http://maps.google.cn/maps/api/js?sensor=false这个地址，google.cn在国内的域名没有被封杀，可以使用。　　注意：google.cn虽然可以使用，但是会输出部分js引用到google.com的资源，导致地图呈..

javascript正则RegExp,compile参数

2015-10-20评论(0)浏览(231)分类：JavaScript/Ajax开发技巧

　　javascript正则对象RegExp参数，正则对象方法RegExp.compile参数说明　　RegExp对象使用方法new RegExp(pattern, attributes);参数pattern：字符串或者正则表达式，如果是字符串，注意字符需要转义。DEMOscript //参数为数字 var re = new RegExp(\\d{4}, 'g'); alert(re)// == /\d{4}/g re = new RegExp(\d{4}, '..

变量式申明函数中函数名作用域

2015-10-19评论(0)浏览(102)分类：JavaScript/Ajax开发技巧

　　javascript以变量式申明函数时，如果函数有函数名称，这个函数名称作用域范围将会在此函数体有效，作为私有变量存在，非全局变量。　ＤＥＭＯscript var b = function c() { a = 1; b = 2; c = 3; } b(); console.log(a); console.log(b); console.log(c);//报错/script　　解析：函数内的a，b，c没..

iframe和父页，window.open打开页面之间的引用

2012-12-5评论(0)浏览(2900)分类：JavaScript/Ajax开发技巧

　　iframe和父页，window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到　　1)通过iframe加载的，在iframe中用parent对象得到父页window作用域，如果iframe中又加载了iframe，在最里层的iframe中需要重复调用parent直到得到需要的父页作用域（如parent.parent）。如果是直接引用最顶级的父页作用域，可以使用top对象。　　2)父页..

javascript将html代码绘制为图片

2015-9-29评论(0)浏览(1293)分类：JavaScript/Ajax开发技巧

　　javascript如何将html代码转为图像，示例使用到了html2canvas这个类库，将html dom对象绘制到canvas中，然后在调用canvas的toDataURL得到图片base64字符串内容，设置img的src为toDataURL返回的内容即可显示html对应的图片。如果需要保存图片，需要自己将base64内容到服务器端进行2进制转换保存为图片后设置content-disposition为attachment进..

图片分割左右/上下分离效果

2015-9-22评论(0)浏览(707)分类：JavaScript/Ajax开发技巧

　　居于jquery的图片水平或者垂直分割后，设置左右或者上下分离效果。　　图片分割左右/上下分离效果源代码如下!doctype htmltitle图片分割左右/上下分离效果/titlescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle .slider{width:670px;height:560px;overflow:hidden;position:relative;background-repe..

Object.defineProperties参数介绍

2015-9-16评论(0)浏览(223)分类：JavaScript/Ajax开发技巧

The Object.defineProperties() method defines new or modifies existing properties directly on an object, returning the object.SyntaxObject.defineProperties(obj, props)ParametersobjThe object on which to define or modify properties.propsAn object whose own enumerable properties constitute descriptors for the properties t..

javascript构造函数返回值详解

2015-9-12评论(0)浏览(336)分类：JavaScript/Ajax开发技巧

　　在说JavaScript构造函数返回值的问题前，我们先来了解new操作符：new操作符的作用就是实例化一个用户定义的对象类型(在javascript可以称之为对象也可以称之为函数也可以称之为类)，new的基本语法：new constructor[([arguments])]　　其中constructor是一个函数，它定义了实例化对象的类型。arguments是constructor调用时所需的值。创建用户..

javascript解码16进制\x\u编码

2015-9-9评论(0)浏览(859)分类：JavaScript/Ajax开发技巧

$javascript解码16进制\x\u编码$ 　　javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

csdn职位滚动javascript效果

2015-9-1评论(0)浏览(221)分类：JavaScript/Ajax开发技巧

　　csdn论坛首页职位滚动效果。style .scrollDiv{height:312px;overflow:hidden;width:180px;font-size:13px}/stylediv id=scrollDiv class=scrollDiv ul script type=text/javascript src=http://ag.csdn.net/common/getcmsad.ashx?column=2276c9c1-9162-49d1-9502-5b182b94b60ecount=1/script /ul/divscript src=http://aja..

pdf.js如何配置语言本地化

2015-7-31评论(0)浏览(1669)分类：JavaScript/Ajax开发技巧

　　pdf.js如何配置显示的语言。pdf.js语言本地化设置。　　pdf.js默认的语言是英语的，如果要界面显示指定的语言或者依据访问这浏览器的用户首选语言来确认要要使用的本地化文件，可以按照下面的步骤来操作。　　如果访问者已经知道，全部为国内用户，pdf.js要显示中文语言配置，可以用link标签指定加载的语言为中文即可。（下载的pdf.js中语言..

jquery标签云选择效果

2015-7-28评论(0)浏览(317)分类：JavaScript/Ajax开发技巧

　　居于jquery框架的标签云选择效果。!doctype htmltitlejquery多彩标签云选择效果/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px..

JavaScript数字滚动效果

2015-7-25评论(0)浏览(302)分类：JavaScript/Ajax开发技巧

　　JavaScript数字滚动效果 div id=n style=height:20px div class=num1/div div class=num2/div div class=num3/div div class=num4/div div class=num5/div div class=num6/div div class=num7/div div class=num8/div div class=num9/div div class=num10/div ..

jquery通讯录选择效果

2015-7-25评论(0)浏览(416)分类：JavaScript/Ajax开发技巧

　　jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人：input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题：..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

javascript添加删除表格数据行示例

2015-7-24评论(0)浏览(536)分类：JavaScript/Ajax开发技巧

　　javascript添加删除表格数据行示例，居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..