顾名思义，有条件注释使你能够根据条件（比如浏览器版本）显示代码块。尽管是非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释在Windows上的IE5中首次出现，并且得到了Widnows浏览器所有后续版本的支持。 IE的有条件注释及其有效，而且非常容易记住。主要的缺点是这些注释需要放在HTML页面中，而不是放在CSS中。这样，当你不需要这些东西，或者有所更改的时候，就需要维护很多的地方。...
jQuery在制作动态酷效果的时候有很强的优势，以下是笔者总结的一些最常用到的方法。1.修改内联CSS jQyery提供.css()方法来供我们获取或修改内联的css .css()方法能够接收的参数由两种，一种是为它单独传递一个单独的样式属性和值，另一种是为它传递一个由“属性-值”对构成的映射： .css('property','value'); .css({'property1':'value1','property-2':'value2'}); 一般来说，数字值不需要加引号，而字符串值需要加引号。但是，当...
在form中， submit的快捷键是 enter，reset的快捷键是 esc。不过在IE6,safari4,ff3.5,opera10,chrome中，按Enter，不但激发form的submit事件，同时也会激发提交按钮的onclick，激发顺序为提交按钮的 onclick → form 的 onsubmit。键盘事件 键盘事件 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不过并不止提交按钮会激发form的submit事件，连同上面的归纳如下： 1. 如果表单里有一个type="submit"的按钮，回车键生效。 2. 如...
常见的有以下8个： mousedown：鼠标的键钮被按下。 mouseup：鼠标的键钮被释放弹起。 click：单击鼠标的键钮。 dblclick：鼠标的键钮被按下。 contextmenu ：弹出右键菜单。 mouseover：鼠标移到目标的上方。 mouseout：鼠标移出目标的上方。 mousemove：鼠标在目标的上方移动。 mousedown事件与mouseup事件可以说click事件在时间上的细分，顺序是mousedown => mouseup => click。因此一个点击事件，通常会激发几个鼠标事件。 var...
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如：$(document.getEle...
1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异： 当一个文档完全下载到浏览器中时，会触发window.onload事件。而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后，代码就可以运行，但并不意味着所有关联文件都已经下载完毕。 一个页面中一般只有一个onload事件处理程序，而且只能一次保...
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如：$(document.getEle...
项目背景：.Net 3.5+MySQL+jQuery+WebService 在公司做这个项目已经6个多月了，总结一些问题，也算是抛砖引玉吧，希望园子里更多的朋友一起分享一些技巧。 1、 WebService方法返回值不能为void。 当WebService方法返回值为void时，FF和Chrome会持续等待，认为这个请求没有结束，而在IE中一切是正常的。 2、当input的type="button"时或者使用button时，点击后会触发form的submit。 当时查找页面刷新的问题找了很久，最后才发现是but...
代码如下: li{ float:left; list-style:none; padding:3px;} img{ border:#CCC 1px solid;} #tooltip{ display:none; border:#CCC 1px solid; position:absolute;} .img1{ display:block;} .div1{ padding:0px; margin:0px; background:#111; color:FFF; font-family:微软雅黑;} var x = 10; var y = 10; $("a.tooltip").mouseover(function (e) { this.myTitle = this.title; this.title = ""; this.imgTitle = this.myTi...
1.限制文本框不能输入中文： 以前很多时候会去使用判断去写，比如： 代码如下: function nocn(obj) { for(i=0;i<document.getElementsByName("Text1")[0].value.length;i++) { var c = document.getElementsByName("Text1")[0].value.substr(i,1); var ts = escape(c); if(ts.substring(0,2) == "%u") { document.getElementsByName("Text1")[0].value = ""; alert("这里不能输入中文/全角字符"); } } } 但是很少会有人用ime-mod...
面试某公司的时候，面试官问到，导致浏览器崩溃的原因有哪些？愚辈不才，仅回答出了内存泄漏。其实在网页在装载的过程中，常常由于种种原因使浏览器的反映变的很慢，或造成浏览器失去响应，甚至会导致机器无法进行其他的操作。 对于访客，如果登录您网站，浏览器就立刻崩溃，我想这对谁都是无法容忍的，对此总结了网站导致浏览器崩溃的原因： 1. 内存泄漏还是先谈下内存泄漏，网站由于内存泄漏的而照成崩溃有两种情况，服务器的崩溃...
DHTML DHTML是个好东西，大大方面了前端的交互实现，使得获取页面元素以及动态修改页面元素变的简单无比。但是所有的浏览器都认识这些语法吗？ document.all document.all不是所有浏览器都能识别，要写出更通用的代码，最好还是通过id来得到，使用document.getElementById(…) element.outerText, element.innerText, element.outerHTML，element.innerHTML element.outerText, element.innerText, element.outerHTML是属于IE特有的...
IE、 Firefox可以支持JavaScript往剪贴板写入内容 IE可以很方便的支持剪贴板内容写入命令，可以使用execCommand()，也可以利用window.clipboardData。 使用execCommand，需要先从页面选中要复制到剪贴板的内容，如以下代码： 代码如下: var doc = obj.createTextRange(); doc.select(); doc.execCommand(copy); 使用window.clipboardData的方法如下，代码中同时实现了Firefox下写入剪贴板的功能： 代码如下: if(window.clipboar...
简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件，就是事件与页面元素直观的绑定在一起的形式，如： 代码如下: element.onclick = function(){alert(this.innerHTML);} 只要不是用了个别浏览器独有的事件，一般的click，mouseover事件等在各浏览器中都可以这么使用。 但是当一个事件需要绑定多个监听，或者需要动态注册/移出监听时，简单事件模型就不够用了，需要使用高级事件模型（IE和其他浏览器在使用高级事...
一、简介 1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建...