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

使用javascript隐藏显示asp.net Validator控件

2013-7-22评论(0)浏览(305)分类：asp.net-mvc

　　本文介绍如何使用javascript显示或者隐藏ASP.NET AJAX (AJAXControlToolkit) ValidatorCalloutExtender控件。下面为示例代码%@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % %@ Register assembly=AjaxControlToolkit namespace=AjaxControlToolkit tagprefix=AJAXControls % !DOCTYPE html PUBLI..

asp.net客户端$get和$find方法区别

2013-7-22评论(0)浏览(137)分类：Asp.Net/C#/WCF

　　$get 和 $find都是asp.net ajax注册到浏览器的前段javascript方法脚本。要使用$get 和 $find这2个javascript方法，aspx页面需要放置ScriptManager 。$get 和 $find的用法说明和异同如下$get　　$get等价于document.getElementById。当你在$get函数处打断点进行调试，你将会看到如下的代码var $get = Sys.UI.DomElement.getElementById = fun..

AjaxControlToolkit“TabContainer控件”客户端Javascript函数API

2013-7-19评论(0)浏览(186)分类：Asp.Net/C#/WCF

　　AjaxControlToolkit中TabContainer控件客户端Javascript函数中文API，翻译不正确的地方多包涵，e文可以的直接看本文最下面的e文连接地址。　　在本文中介绍tabcontainer控件的客户端方法，如使用javascript设置获取焦点的tab，本文最后列出一些重要的ASP.NET AJAX TabContainer控件的方法。　　TabContainer是ASP.NET AJAX最酷的控件之一。最..

javascript cloneNode无法复制事件

2013-7-17评论(0)浏览(731)分类：JavaScript/Ajax开发技巧

　　在标准浏览器（firefox，chrome，非IE核心的）下，cloneNode(true)是不复制事件的，以防止循环引用无法释放内存，而IE却没有考虑到这一点，把事件复制了（inconformity），并且IE只能复制通过attachEvent添加的事件，直接通过domNode.onclick添加的事件也无法复制。　　测试代码如下script window.onload = function () { functio..

javascript鼠标滚轮滚动事件

2013-7-12评论(0)浏览(2019)分类：JavaScript/Ajax开发技巧

　　javascript如何绑定对象的鼠标滚轮事件，对对象触发鼠标滚轮事件时，如何阻止鼠标滚轮事件冒泡，不允许当前视窗滚动。　　下面对主流浏览器进行了测试（firefox12，opera12.5，safari5.0.4，chrome25，IE7~8）事件如何绑定　　firefox只支持DOMMouseScroll事件，不支持onmousewheel，其他浏览器只支持onmousewheel事件，如下表所示浏览器/事..

jquery文档处理方法append，html可以执行脚本

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

　　今天才发现原来jquery文档处理方法如append，html，before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件，真是失败啊，用了那么久jquery...注意：text方法除外，text方法会将html标签中的替换为对应的实体对象　　jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

javascript检查键盘是否已经按下caps lock键

2013-6-6评论(0)浏览(147)分类：JavaScript/Ajax开发技巧

　　javascript检查输入时是否已经按下caps lock键或者按下按下shift键，输入状态为大写输入状态。　　注意：需要使用keypress事件，不能使用keyup或者keydown事件，这样获取到的keyCode都是大写状态下的keyCode。使用keypress时，firefox需要使用which属性，不能使用keyCode，此时keyCode为0。　　测试代码如下!DOCTYPE html PUBLIC -//W3C//DT..

console.log在IE8+提示未定义

2013-6-3评论(0)浏览(1448)分类：JavaScript/Ajax开发技巧

　　console.log方便在浏览器控制台输出对象的信息，非IE浏览器基本都支持console.log调试。　　IE8+浏览器增加了开发人员工具，在开发人员工具下支持console.log语句。　　但是需要注意的是：使用console对象查看对象信息，在IE8+浏览器下未打开过开发人员调试工具的情况下，会报console.log在IE8+提示未定义错误。　　打开过开发人员工具后，再..

javascript自动格式化输入的数字金额

2013-5-31评论(1)浏览(557)分类：JavaScript/Ajax开发技巧

　　需求：javascript自动格式化输入的数字金额，每3位数字后面增加一个,逗号分隔开，失去焦点后自动删除逗号，防止数据库写入数字类型的字段时出错，获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容，防止乱输入..

让innerHTML里的script跑起来

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

　　直接设置容器的innerHTML，如果设置的内容里面包含了script代码块，是不会执行的，所以需要做一些处理　　示例代码如下，firefox需要获取script标签，eval里面的内容，ie就简单了，在设置innerHTML前替换script为script defer就行了div id=dv/divscriptwindow.onload=function(){ var dv=document.getElementById('dv'); var s=&#..

jquery.validate.js valid方法及注意事项

2013-5-30评论(1)浏览(7657)分类：JavaScript/Ajax开发技巧

　　1）jquery.validate.js第一次调用valid方法时，即使验证出错，也会返回true，第二次验证时如果还有错误才会才会返回false。所以不要根据调用valid方法返回的结果来判断是否要进行下一步的处理，有可能出问题。form id=myforminput type=text name=name1 requiredbr /input type=text name=name2 requiredbrbuttonValidate!/button/formscrip..

输入框onchange,oninput,onpropertychange事件区别

2013-5-9评论(0)浏览(569)分类：HTML/CSS兼容/XML

输入框（input）onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件：输入框的值改变，失去焦点(onblur)后触发。兼容性：各浏览器都支持。oninputonpropertychange触发条件：输入时，实时触发，而不是失去焦点才触发。兼容性：oninput：Chrome/IE9/Firefox/Safari/Operaonpropertychange：IE6/IE7/IE8/IE9所以如果要实现输..

让IE6支持css position：fixed定位

2013-5-7评论(0)浏览(134)分类：JavaScript/Ajax开发技巧

　　IE6不支持position:fixed，IE6不支持position:fixed，解决技巧使用Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval动态解析执行javascript语句。　　IE6下移动浮动层还会出现闪动问题，解决方法参考：解决ie下移动浮动层闪动问题　　让IE6支持posi..

模仿淘宝文本框内容放大效果

2013-5-3评论(0)浏览(114)分类：JavaScript/Ajax开发技巧

　　模仿淘宝的文本框内容放大效果，当输入框输入内容的时候，在文本框上部显示放大的文本框输入内容。输入框失去焦点或者内容为空时隐藏提示内容。效果如下源代码如下，兼容ie，firefox等主流浏览器，注意DOM结构。。br /br /style type=text/cssdiv.input{position:relative;width:230px;}div.input input{width:100%;border:solid 1px #0077f..

FCKEditor换行br后的全角或者半角空格丢失解决办法

2013-4-27评论(0)浏览(360)分类：JavaScript/Ajax开发技巧

　　今天使用FCKEditor编辑器时，从记事本中复制内容到FCKEditor编辑器中，然后在开始的文字前面打入２个全角的空格进行缩进，提交后发现除了第一个段落的全角空格保存之外，其他的段落的全角空格全部没有了。　　经测试后发现，FCKEditor在W3C浏览器，如firefox，chrome，紧跟在br/换行后的全角或者半角空格在提交的时候，不知道被FCKEditor给做..

asp.net CustomValidator Ajax 异步验证如何触发

2013-4-27评论(0)浏览(203)分类：Asp.Net/C#/WCF

　　使用asp.net的CustomValidator验证控件时，如果ClientValidationFunction配置的函数中使用异步Ajax进行验证输入内容的有效性时，即使ajax返回的信息无效，并且设置了ClientValidationFunction配置函数的参数args.IsValid=false，并不会显示错误信息。　　这是因为ajax异步执行完设置args.IsValid时ms注册的检查这个属性是否为true的代码已经..

解决IE attachEvent绑定的事件中this为window问题

2013-4-26评论(0)浏览(270)分类：JavaScript/Ajax开发技巧

　　在IE浏览器下使用attachEvent绑定对象的事件时，绑定的事件方法中this对象为window对象，而不是当前的DOM对象。w3c浏览器下的addEventListener对象不存在这种问题。　　测试代码如下div id=dv111/divscriptfunction Alert(){alert(this.innerHTML)}var dvs=document.getElementById('dv')dv.attachEvent('onclick',Alert);/..

submit控件click事件和form表单submit事件执行循序

2013-4-26评论(0)浏览(3386)分类：JavaScript/Ajax开发技巧

　　表单中的submit按钮的clic事件优先于表单form的submit事件，表单submit事件的执行依据submit按钮的返回值来判断是否继续需要执行submit事件。表单的submit事件中return false也可以阻止表单的提交，而不一定依靠onsubmit事件返回false来阻止表单的提交。　　当submit的click事件返回false时，不会执行form表单的submit事件，返回非false值或..

window.open如何在新窗口打开连接

2013-4-8评论(1)浏览(193)分类：JavaScript/Ajax开发技巧

　　window.open如何在新窗口打开链接，而不是在浏览器的选项卡窗口中打开链接。　　经过测试，设置window.open的features参数，增加width和height参数，可以弹出一个浏览器窗口，而不是在原来浏览器的选项卡中打开链接。　　IE7，IE8，firefox12，chrome25.0.1364.172 m测试通过script function openWin() { window.open(top.locatio..

ckeditor注册ctrl+enter快捷键

2013-4-1评论(0)浏览(253)分类：JavaScript/Ajax开发技巧

2013-04-02更新：不要使用ckeditor的setData方法清空编辑器中的内容，此方法会重构iframe的document对象导致之前注册的ctrl+enter事件丢失，直接操作DOM对象清空body的内容即可。一定要调用setData方法，需要重新给新document对象添加事件，由于是异步的，所以需要传递回调函数，具体看最后的示例。　　由于ckeditor的编辑窗体是iframe，和父窗体..

Ext4 JSONStore使用webservice返回的json数据

2013-3-27评论(0)浏览(286)分类：extjs开发技巧

　　asp.net framework3.5 webservice增加了检查content-type，如果请求头设置了content-type:'application/json'，就会返回json字符，而不是xml。　　首先我们要了解一下webservice返回的json结构。返回的json格式是{d:实际的内容}，实际内容根据webservice方法返回值来确定。1）如果是字符串字符，那么实际内容就是字符串。如果返回的..

Ext4 XMLStore加载webservice数据源示例

2013-3-27评论(0)浏览(330)分类：extjs开发技巧

　　Ext4使用XMLStore加载webservice时，返回XML不同返回json格式那么严格，返回json需要注意的事项多。　　返回xml和平时用ajax get/post请求普通页面一样，有参数get请求附加在url后面，post请求则在ajax对象的send中发送url键值对就行。　　只要配置过web.config允许get/post请求webservice后，就可以使用ajax请求webservice得到xml数据源。否..

jQuery通过调用webservice返回json数据的问题

2010-10-20评论(3)浏览(269)分类：JavaScript/Ajax开发技巧

　　由于.net frameword3.5以上添加了对contenttype的检查，当ajax发送请求时，如果设置了contenttype为json，那么请求webservice时，会自动将返回的内容转为json的格式，json的格式如下{d:webservice方法返回的字符串内容}这时出现一个问题了，如果方法返回的是一个json格式的字符串，那么如何获得实际的json对象，而不是只有一个属性d的json对..

XMLHttpRequest upload属性

2013-3-22评论(1)浏览(216)分类：JavaScript/Ajax开发技巧

　　新版本的XMLHttpRequest对象，传送数据的时候，有一个progress事件，用来返回进度信息。　　它分成上传和下载两种情况１）下载的progress事件属于XMLHttpRequest对象２）上传的progress事件属于XMLHttpRequest.upload对象。　　我们先定义progress事件的回调函数。　　xhr.onprogress = updateProgress; 　　xhr.upload.onprogress =..

jQuery $()返回值

2013-3-20评论(0)浏览(242)分类：JavaScript/Ajax开发技巧

　　在jQuery中，$()返回值根据jquery版本的不一样，返回的内容不一样。　　jQuery1.4+版本$()返回的是[]对象，jquery-1.3.2-及以下返回的是[Document]对象　　测试代码如下script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.3.2.min.js type=text/javascript/scriptscript console.log($())//返回[Document 页面名称]/scriptscrip..

javascript unbeforeunload/unload事件注意事项

2013-3-13评论(0)浏览(541)分类：JavaScript/Ajax开发技巧

　　javascript中给window注册unbeforeunload/unload事件时，不要给事件添加alert，confirm等语句，高版本的浏览器如chrome【webkit核心】，IE9+等会拦截这些语句的执行。来源：http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just ..