Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选

首页 / 脚本样式 / JavaScript

用js设置下拉框为只读的小技巧

用js设置下拉框为只读的小技巧

在项目开发过程中我们时常会碰到要设置下拉框为只读(readonly),但是可惜的是select没有只读属性,所以需要在select外面包含一个span,通过js来改变。 下面这段html代码是在struts2的下拉标签中加入了span标签,在页面装载的时候就让下拉框变成不可读。 复制代码 代码如下: <body onload="init()"> <span id="id_select"> <s:select name="sjd...
实现checkbox全选、反选、取消JavaScript小脚本异常

实现checkbox全选、反选、取消JavaScript小脚本异常

今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录。 复制代码 代码如下: <!-- 以下为错误写法 --> <button name="checkAll" value="全选" class="checkB...
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)

jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)

我们在天猫进行购物的时候,经常会碰到单击删除按钮或者登陆按钮后,弹出对话框问你是否删除或者弹出一个登陆对话框,并且我们也是可以看到我们之前页面的信息,就是点击不了,只有对对话框进行操作后才有相应的变化。截图如下(以天猫为例)如图所示,上面就是天猫的效果图,其实这就是通过jQuery实现的,并且实现的过程也不是很不复杂,那么现在就让我们来看看实现的过程吧。 首先是页面的布局部分:delete.html 复制代码 代码如下: <!DOCTYPE html...
javascript正则匹配汉字、数字、字母、下划线

javascript正则匹配汉字、数字、字母、下划线

javascript正则检测只含有汉字、数字、字母、下划线不能以下划线开头和结尾遇到一个用户名检测的的问题,查了一下,总结例子如下:复制代码 代码如下:var reg = /^(?!_)(?!.*?_$)[a-zA-Z0-9_u4e00-u9fa5]+$/;if (!reg.test(实际取值的字符串)) { alert("请输入5-24位字符:支持中文、英文、数字、“_”,推荐使用中文");}...
jquery移除、绑定、触发元素事件使用示例详解

jquery移除、绑定、触发元素事件使用示例详解

复制代码 代码如下:unbind(type [,data]) //data是要移除的函数$("#btn").unbind("click"); //移除click$("#btn").unbind(); //移除所有对于只需要触发一次的,随后就要立即解除绑定的情况,用one()复制代码 代码如下:$("#btn").one("click",function(){.......});触发操作trigger() 方法触发被选元素的指定事件类型。复制代码 代码如下:...
jQuery实现级联菜单效果(仿淘宝首页菜单动画)

jQuery实现级联菜单效果(仿淘宝首页菜单动画)

相信初学HTM+DIV+CSSl的同学们肯定也想做出淘宝网首页的菜单动画吧。今天我们就带大家体会一下级联菜单的显示。小编我只是实现了简单地效果,不过总体来说原理是一样的哦,那么先让大家看看效果图吧。 那么要实现这个效果我们当然要使用到的是jQuery,那么我就开始讲解怎么做的了,先上html和css的代码 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>menu...
jQuery实现鼠标经过图片预览大图效果

jQuery实现鼠标经过图片预览大图效果

jQuery:是一种客户端的技术,它的诞生的理由是:write less,do more(写更少的代码,做更多的事情). 因此,我们可以借助jQuery来实现一些很酷炫的效果,相比于javaScript来说,同样的效果,但是很简单的代码。jQuery中的核心知识点就是选择器的使用,选择器的内容我会在之后的博客中总结,希望大家去看下,学好了选择我器,相当于完全掌握了jQuery。 这篇博文是实现怎么通过jQuery实现我们在购物网站中常见的:当鼠标经过了图片...
JavaScript使用HTML5的window.postMessage实现跨域通信例子

JavaScript使用HTML5的window.postMessage实现跨域通信例子

JavaScript由于同源策略的限制,跨域通信一直是棘手的问题。当然解决方案也有很多: 1.document.domain+iframe的设置,应用于主域相同而子域不同; 2.利用iframe和location.hash,数据直接暴露在了url中,数据容量和类型都有限 3.Flash LocalConnection, 对象可在一个 SWF 文件中或多个 SWF 文件间进行通信, 只要 在同一客户端就行,跨应用程序, 可以跨域。 window.name 保...
javascript判断office版本示例

javascript判断office版本示例

使用JavaScript判断office版本,在项目开发中非常有用,由其是在OA系统的在线office编辑,我们需要让office在线编辑工具同时支持office的多个版本,例如office2003、2007。office在安装的时候,会在注册表中写入键值,具体位置为HKEY_CURRENT_USER/Software/Microsoft/Office。我们打开注册表就可以看到office的版本,office版本与注册表键值对应关系如下:复制代码 代码如下...
<< 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 >>