Web开发网 > Web前端开发 > Web前端开发教程 > JavaScript/Ajax开发技巧
jquery插件ztree如何隐藏父节点前面的展开(加号),收缩(减号)图标,而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api,没有提供隐藏展开/收缩图标的配置,可以自己写css覆盖ztree的css,然后自己调用expandNode展开收缩子节点。 ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点源代码如下1)隐藏ztree展开..
jquery模拟android slidingmenu组件效果源代码如下,采用了CSS3动画,IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{posi..
1RequireJS用法 1.1加载JavaScript文件 RequireJS的目标是鼓励代码的模块化,它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用 脚本时以module ID替代URL地址。RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层script标签 含有一个特殊的属性data-main,..
js动态生成的内容,当转向到其他页面,通过history.back或者点击浏览器工具栏上的回退按钮返回这个页面时,js动态生成的内容在某些浏览器下是不会保存的,如IE和chrome,本人firefox12测试js动态生成的内容,在浏览器历史回退可以保存下来,那么在IE和chrome下如何保留js动态生成的内容呢? IE和chrome下回退时会执行内置的js脚本,所以可..
jquery实现的水平方向平铺占满显示视窗效果。当视窗大小改变时,自动变换焦点图显示的区域。目前焦点图支持2个方向的滚动,水平和垂直滚动。 jquery水平方向平铺焦点图插件测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点..
IE浏览器下有一个特殊的样式expression,可以动态执行js脚本,this对象指向启用了expression样式的对象。expression这个样式比较耗资源,只要鼠标或者键盘有动作,就会执行这个事件。 要移除IE的expression css样式,需要使用IE style属性特有方法removeExpression,不能通过style.xxx=null移除。 去掉IE特有css样式expression源代码如..
如何检查jquery选出的对象是否还在dom树中,而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2,而不是1 ..
IE11的navigator里面已经不包含MSIE字符串,window.ActiveXObject也不再支持。要判断是否IE11浏览器,可以使用下面的代码IE11的navigator.userAgent输出为:Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..
keydown或者keyup事件中获取键盘按下的keyCode值时需要注意,主键盘上数字按键的keyCode值和小键盘上的数字keyCode值是不一样,如果不注意这点,小心程序出现问题。 主键盘的数字0~9的keyCode为:48~57 小键盘上的数字0~9的keyCode则为:96~105 JavaScript中键盘按下的keyCode问题 在使用JavaScript做WEB键盘事件侦听捕获时,主..
用iframe作为html编辑器或者web编辑器的容器时,如果不做特殊处理,不同浏览器下对回车的生成的html代码不全相同(主要是低版本的IE浏览器,如IE8-)。firefox和chrome对回车生成的html代码是br,而IE下是P标签。 要想规范html编辑器响应回车按键,生成统一的标签,如br换行,可以给iframe编辑器容器添加keydown事件,阻止默认的浏览器事..
2014-11-05更新:这个问题是由于chrome的同源访问造成的,一般需要发布网站后访问,否则需要给chrome增加启动参数,允许访问本地资源文件。如果你是开发人员,增加chrome的配置是最好的,就不需要再搭建服务器进行访问。参考:配置chrome支持本地(file协议)ajax请求 chrome浏览器iframe parent.document为undefined,对于window.open打开的..
meizz大牛以前写的一个日历控件,支持日期,时间,精确到秒的选择,不过美中不足就是不兼容firefox,经本人修改,现在已经兼容firefox。 测试浏览器:IE7,IE8,firefox4,chrome21.0.1180.79 m 效果如下图所示 源代码如下script // 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子..
javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。 可以使用html5提供的重力和方向感应接口来判断。 html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。 目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部..
div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。 源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..
模仿京东送货地址省市县3级联动,已经做成jQuery插件形式,效果图如下 jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..
今天在csdn看到一个问题,在IE下exeCommand 调用saveas命令,将某些内容存为txt文件时,当一行的长度大于某个长度时,会自动换行,而实际保存的内容是没有换行的。 示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..
ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..
jQuery Slider滑动条取值插件,jQuery源插件没有左右+/-增加滑动条按钮,可以增加按钮,调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。 添加的+/-按钮有点丑,自己美化下,效果如下 jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..
如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象 测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..
javascript如何阻止浏览器刷新操作,如按下F5按钮,右键弹出菜单选择刷新操作,ctrl+R强制刷新页面。 下面的代码仅适用于下面的3中操作,对于点击浏览器上的刷新按钮这个没办法控制(只能提示用户是否要离开页面,由用户控制是否离开操作,而不能用javascript代码强制停留在此页面或者进行其他的操作)在浏览器按下F5按钮右键页面弹出菜..
javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); r..
在IE7-浏览器或者为添加xhtml申明的IE8浏览器(IE9+未测试),动态创建的iframe,当通过setAttribute设置iframe的frameborder时,IE下调用setAttribute设置属性时,frameborder是严格区分大小写,属性名称要写为frameBorder,不能为frameborder,否则无法去掉iframe的frameborder,会默认为1。 标准浏览器或者添加了xhtml申明的IE8+浏览器..
当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的。因为通过ligerForm来配置comboBox时,字段field的配置对象会转换为对应的JSON字符串赋值给一个输入控件的ligerui自定义属性,转为对应的JSON字符串时,属性值为函数的属性会自动丢失,导致ligerui自定义属性中并..
调用JSON.stringify将对象转为对应的字符串时,如果包含时间对象,时间对象会被转换为国家标准时间(ISO),而不是当前国家区域的时间,测试代码如下script //var o = new Date(); //console.log(o.toString())//中国时区时间,格式如Wed Jun 11 2014 10:51:42 GMT+0800 //console.log(JSON.stringify(o)); //输出国际标准时间(IS..
一般访问网站时,访问到不同的栏目,导航上的链接会高亮,显示的样式和其他栏目不一样,这种效果实现很简单,原理如下 获取当前的url路径location.pathname,然后和导航中的链接匹配,匹配了就设置焦点样式。如果栏目不是页面,而是通过传递参数来实现,可以location.search中获取栏目参数来匹配。 下面是一个就简单的示例,建立1.htm..
javascript实现平方米,亩,公顷单位换算,可以通过url传递参数指定输入框的值为任何中单位的值。 源代码如下 select onchange=selectChange(this) id=sel option value =公顷公顷/option option value =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 inp..
javascript调用数组的sort方法对数组进行排序的时候,注意传递进入sort方法函数要返回0(相等),正数(大于),负数(小于)这3种数字,不能返回true/false,要不在webkit核心浏览下(如chrome,搜狗高速模式)可能导致排序出错。 异类排序script var arr = [1, 4, 5, 3, 2, 6, 7]; arr.sort(function (a, b) { return b a });//..
很多网站使用无限滚动无刷新翻页加载技术来提高用户体验,当页面滚动到内容底部时候无需点击就自动加载更多的内容。 下面为你推荐 jQuery 的无限滚动加载内容插件:1.jQuery ScrollPaginationjQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。2.jQuery ScrewScrew (scroll + view) 是一个 jQuery 插件当..
DOM Storage是在网络客户端存储键值对数据的一个标准。这使离线的网络应用的开发变得更加实际和简单。 跟它看起来非常相似的另外一个就是cookies了,但是它在某些方面比cookies有很大的优势。1. 更大的存储空间。cookies的大小大约限制在4KB左右,而DOM Storage则在10MB左右,实用性大大提高。2. 能够真正的持久化到本地。cookies并没有提..
场景:jquery给页面上的某个元素bind多个click事件处理函数,视用户的具体交互情况来决定到底使用绑定的哪个处理函数。问题:jquery的unbind方法会解绑所有的click事件,造成误伤。如果之前jquery bind时有定义处理函数的方法名,可以通过将方法名传给unbind的第二个参数来解绑指定的bind;但很多情况下bind的处理函数都是匿名函数,此时unbind的.. 首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] 下一页 尾页 8/28页,每页显示30条,共819条相关记录