随笔分类 - JavaScript&jQuery
jQuery boxy弹出层插件中文演示及讲解(转)
摘要:使用该jQuery插件要想使用该jQuery插件,需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector",例如:"a[rel=boxy],form.with-confirmation"。这会给匹配的元素附加一些行为,如下:一个href属性中如果锚点包含#,则此锚点相对应的ID的DOM元素的内容就会被添加到boxy对话框中。如果href锚点内容为其他一些东西,则会试图使用Ajax载入其对应的内容。理想情况下,我们有相同的起源检查和委托对框架的跨域请求。这将会在下面展示。表单上会显
阅读全文
Image Map的制作
摘要:映射图像(Image Map),它是指一幅根据链接对象不同而被人为划分为若干指向不同链接的区域或“热点”(Hotspots)的相应图像区域,当点击设置好的“热点”时,会弹出链接的相应页面。需要在一张图片中,设置一个区域为热点就用到了<map>和<area>,其中<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以应
阅读全文
jQuery.noConflict() 方法—— jquery库与其他库冲突的问题解决
摘要:在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突;若是发生冲突后,可以通过jQuery.noConflict() 方法进行解决定义和用法noConflict() 方法让渡变量 $ 的 jQuery 控制权。该方法释放 jQuery 对 $ 变量的控制。该方法也可用于为 jQuery 变量规定新的自定义名称。提示:在其他 JavaScript 库为其函数使用 $ 时,该方法很有用。语法jQuery.noConflict(removeAll)参数描述removeAll布尔值。指示是否允许彻底将 jQuery 变量还原。说明许多 JavaS
阅读全文
JavaScript在IE浏览器和Firefox浏览器中的差异总结(转)
摘要:http://witmax.cn/javascript-difference-summary.html JavaScript在IE浏览器和Firefox浏览器中存在一些差异,以下对这些差异部分进行了总结,以及解决方案:1.HTML对象的 id 作为对象名的问题IE:HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用Firefox:不支持解决方法:使用document.getElementById替代document.all2.如果控件只有name,没有id, 用getElementById时: IE:可以找到对象Firefox:返回NULL解决方法:所有控件必须设置I
阅读全文
js 字符串转换成数字(转)
摘要:原文地址:http://blog.csdn.net/sam2007/archive/2009/04/01/4040427.aspx在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都
阅读全文
JavaScript的数组及其操作
摘要:一、创建数组1.单纯创建数组:var arr=new Array();要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用2.创建数组的同时规定数组大小:var arr=new Array(10); //这里就创建了一个初始化大小为10的数组注意:当使用数组大小操作初始化大小时,数组会自动被撑大,不会像C语言那样发生错误.动态增长是js数组的一个性质.另外,js中支持最大数组长度为42949672953.直接初始化:var arr=new Array("love","hate","pai
阅读全文
JavaScript面试题整理
摘要:一、单选题 1、以下哪条语句会产生运行错误:(A)A.var obj = ( ); // 语法错误B.var obj = [ ];//定义一个数组C.var obj = { };//定义一个对象D.var obj = / /;//定义一个正则表达式2、以下哪个单词不属于javascript保留字:(B)A. withB. parentC. classD. void3、请选择结果为真的表达式:(C)A. null instanceof ObjectB. null === undefinedC. null == undefinedD. NaN == NaN说明:==用于一般比较,===用于严格比较
阅读全文
jquery实现页面加载进度条(转)
摘要:实现原理:根据页面执行js的顺序将遮罩层和loading图片最先显示出来,等到页面加载完成后,用js控制图片消失。既在网页的头部放置一个文字或者图片的 loading 状态,然后页尾载入一段 JS 隐藏掉,根据浏览器的载入顺序来实现的简易 Loading 状态条。比较简单的步骤是:1、首先在<body></body>开始的地方放置<div id="loading"></div>2、在<head>和</head>之间放置样式和jquery框架<style type="text/css&qu
阅读全文
什么是JSON+JavaScript处理JSON的简单例子
摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。JSON建构于两种结构:1、“名称/值”对的集合(A collection
阅读全文
正则表达式收集(转)
摘要:转载自:http://www.cnblogs.com/guiliangfeng/archive/2010/11/16/1878232.html只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^\d{n}$"。只能输入至少n位的数字:"^\d{n,}$"。只能输入m~n位的数字:。"^\d{m,n}$"只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。只能输入有1~3位小数的正
阅读全文
网页中Google Map的使用
摘要:要在自己的网页中嵌入地图,常用的方法可以归纳为以下几种:1、最简单的方法 ——使用谷歌地图主页的"链接" 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是不需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。 登录谷歌地图主页,定位你需要显示的范围后,点击地图左上角的“链接”,会出现一个信息框,给出两个输入框,把第二个输入框中的内容拷贝到你的页面上就可以了。 其实,这段嵌入代码就是一个iframe的声明,所以,虽然地图主页提供一个自定义地图并预览的功能,但是只能自定义地图的大小,如果需要的话,我们完全可以
阅读全文
引用 JS判断浏览器类型方法(转)
摘要:http://www.cnblogs.com/carekee/articles/1854674.htm在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需
阅读全文
页面无阻塞加载研究(转)
摘要:在页面加载性能当中,页面被阻塞是影响页面主要内容(包括图片等)及时呈现在用户面前的一个重要因素之一,所以我们需要在页面中合理处置外调CSS及JS文件。来看一段代码<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>页面阻塞测试</title><
阅读全文
Javascript类定义方法小结(转)
摘要:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.htmlJavascript语言不支持"类",但是可以用一些变通的方法,模拟出"类"。一、构造函数法这是经典方法,也是教科书必教的方法。它用构造函数模拟"类",在其内部用this关键字指代实例对象。function Cat() { this.name = "大毛";}生成实例的时候,使用new关键字。var cat1 = new Cat();alert(cat
阅读全文
Firebug使用小结
摘要:做了很长时间的开发,一直用的是Chrome的Web developer Tool,突然有兴趣看看大名鼎鼎的Firefox的Firebug。大部分参考了http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html一、打开快捷键在Firebug网站上,可以找到它的快捷键设置。最常使用的有:打开Firebug:按F12在单独窗口中打开Firebug:点击firebug窗口右上角的红色箭头标识,或者使用Ctrl+F12/⌘+F12按钮。二、Firebug窗口概览Console标签: 主要使用javascript命令行操作,显示
阅读全文
JavaScript闭包的应用案例——让Onclick事件都能正确的弹出相应的参数
摘要:摘转自:http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1530074.html要求:让这三个节点的Onclick事件都能正确的弹出相应的参数。<ul> <li id="a1">aa</li> <li id="a2">aa</li> <li id="a3">aa</li></ul>问题:<script type="text/javascript"> f
阅读全文
CSS 语法和JavaScript 语法区别
摘要:盒子标签和属性对照CSS语法(不区分大小写)JavaScript语法(区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder
阅读全文
几个JavaScript 奇技巧技(转)
摘要:http://www.mangguo.org/several-javascript-clever-wicked-craft/#1使用双等号给布尔变量赋值,很容易联想到 var a = b || 123; 的写法var a = b == 123;#2快速转换为布尔值!!a#3防止页面被 iframe 调用if(top !== window) { top.location.href = window.location.href;}#4将 arguments 参数组转换为真实数组function args() { return [].slice.call(arguments, ...
阅读全文
初学Data URI和MHTML
摘要:Data URI——也就是图片转成代码插入网页Data URIData URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入,目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中: data:[<MIME-type>][;charset="<encoding>"][;base64],<data> MIME-type:指定嵌入数据的MIME。其形式是[type]/[subtype];
阅读全文
CSS实现HTML元素透明的那些事(转)
摘要:转载自:http://dancewithnet.com/2009/09/06/css-opacity/前言:这段时间项目中都有透明、圆角、投影等要求,还必须是跨浏览器的——看来这是大多数现在网站普通应用,匆忙中也只是google、百度了各个的用法,直接拷贝到css文件中,没有仔细研究其原理,正好看到这篇文章,讲的比较不错仔细,转载转载!CSS3草案中定义了{opacity:<length> | inherit;}来声明元素的透明度,这已经得到了大多数现代浏览器的支持,而IE则很早通过特定的私有属性filter来实现的,所以HTML元素的透明效果已经无处不在了。首先看看A级浏览器所支
阅读全文