js全选按钮的实现方法 2017年02月06日 14 阅读 本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下:运行效果截图如下:具体代码如下<html> <head> <title>复选框checked属性</title> <script language="JavaScript" type="text/javascript">function changeState(isChecked) { var chk_list=document...
node.js抓取并分析网页内容有无特殊内容的js文件 2017年02月06日 13 阅读 nodejs获取网页内容绑定data事件,获取到的数据会分几次相应,如果想全局内容匹配,需要等待请求结束,在end结束事件里把累积起来的全局数据进行操作!举个例子,比如要在页面中找有没有www.baidu.com,不多说了,直接放代码://引入模块var http = require("http"),fs = require("fs"),url = require("url");//写入文件,把结果写入不同的文件var writeRes = functio...
每天一篇javascript学习小结(RegExp对象) 2017年02月06日 13 阅读 1、正则表达式test方法var text = "cat, bat, sat, fat";var pattern = /.at/;if (pattern.test(text)){ alert("The pattern was matched.");}2、正则的toString()方法var pattern = new RegExp("\[bc\]at", "gi");alert(pattern.toString()); // /[bc]at/gialert...
JavaScript设置、获取、清除单值和多值cookie的方法 2017年02月06日 11 阅读 废话不多说了,直接给大家贴代码了。具体代码如下:var CookieUtil = (function () { var Cookie = function () { // 获取单值cookie this.get = function(name) { var start = document.cookie.indexOf(encodeURIComponent(name)) ; var end = document.cookie.indexOf(";", st...
基于Jquery和html5的7款个性化地图插件 2017年02月06日 11 阅读 1、HTML5世界地图 划分世界区域并显示国家名这是一款基于HTML5的世界地图应用,它的特点是可以将地图中的各个国家区域进行划分,鼠标滑过时即可显示该区域对应的国家名称,你也可以对弹出的标签进行自定义文字和自定义样式。在线演示源码下载2、jQuery矢量SVG地图插件JVectorMapJVectorMap是一款基于jQuery的矢量地图插件,它是基于SVG结构的,和其他jQuery地图插件不同的是,jVectorMap是 矢量地图,但是它同样支持地图缩...
jQuery实现文本框邮箱输入自动补全效果 2017年02月06日 11 阅读 邮箱自动完成的效果在网站上大多都看过,但是质量参差不齐,今天突然在网上看到一篇博客,感觉这个插件很好,就想来写一下分享给大家!效果图如下:完整demo代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/...
jquery实现邮箱自动填充提示功能 2017年02月06日 12 阅读 邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作为账号名为了提高用户的体验,很多网站都会实现邮箱输入的自动提示功能,所有自己也实现了一个,先看下效果吧,觉得效果还行的就拿去核心代码(需要jquery的支持):(function($){ $.fn.mailAutoComplete = function(options){ var defaults = {boxClass: "mailListBox", //外部box样式listCla...
jquery判断密码强度的验证代码 2017年02月06日 12 阅读 本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:预想的效果截图如下:JS代码:$("#pass").keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); var mediumRegex = new RegExp("...
Jquery ajax 同步阻塞引起的UI线程阻塞问题 2017年02月06日 11 阅读 最近做一个项目,遇到了一个问题同步ajax引起的ui线程阻塞问题,下面把我的问题解决过程分享给大家。事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为getData的函数,它接收不同参数,只负责获取数据,然后把数据return。基本的逻辑剥离出来是这样的:function getData1(){var result;$.ajax({url : "p.php",async : false,success: fu...
谈谈对jquery ui tabs 的理解 2017年02月06日 11 阅读 jquery ui 点击此处下载,也可以去官网查看文档帮助。1 属性1.11 ajaxOptions,当选项卡加载内容时,添加一个ajax选项。只有ajax时,添加的ajax选项才起作用。默认值为null。上面的例子中,添加了beforeSend和success两个选项。ajax还有一些选项请参考jquery ajax,这里不做详解。。。1.12 初始化设置例:请注意,$(".selector")是tabs 的类名,在本例中.selector=#tabs,...
基于jquery实现可定制的web在线富文本编辑器附源码下载 2017年02月06日 11 阅读 今天给大家介绍一款非常棒的WEB在线富文本编辑器——UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器。在线预览 源码下载如何使用?建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度。<script type="text/plai...
将JavaScript的jQuery库中表单转化为JSON对象的方法 2017年02月06日 12 阅读 大家知道Jquery中有serialize方法,可以将表单序列化为一个“&”连接的字符串,但却没有提供序列化为Json的方法。不过,我们可以写一个插件实现。我在网上看到有人用替换的方法,先用serialize序列化后,将&替换成“:”、“‘”:/*** 重置form表单* @param formId form的id*/function resetQuery(formId){var fid = "#" + formId;var str = $(fid).se...
jquery实现简单的表单验证 2017年02月06日 14 阅读 jquery如何实现简单的表单验证,我们先跟大家分享一下实现思路。大概思路:先为每一个required添加必填的标记,用each()方法来实现。在each()方法中先是创建一个元素,然后通过append()方法将创建的元素加入到父元素后面。这里面的this用的很精髓,每一次的this都对应着相应的input元素,然后获取相应的父元素。然后为input元素添加失去焦点事件。然后进行用户名、邮件的验证。这里用了一个判断is(),如果是用户名,做相应的处理,如果...
基于Jquery easyui 选中特定的tab 2017年02月06日 11 阅读 获取选中的 Tab// 获取选中的 tab panel 和它的 tab 对象 var pp = $("#tt").tabs("getSelected"); var tab = pp.panel("options").tab;// 相应的 tab 对象 更新特定的选项卡面板 可使用update方法,param参数包含2个属性:tab: 将被更新的选项卡。options: 选项卡相关配置项。Example://当前tab var current_tab = $...
用JavaScript来美化HTML的select标签的下拉列表效果 2017年02月06日 13 阅读 首先通过一个例子来回顾一下select标签的用法:<html><body><form><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><...
实例代码讲解jquery easyui动态tab页 2017年02月06日 11 阅读 通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 "add" 方法即可。function addTab(title, href,icon){ var tt = $("#tabs"); if (tt.tabs("exists", title)){//如果tab已经存在,则选中并刷新该tab tt.tabs("select", title); refreshTab({tabTitle:title,url:href}); } els...
总结JavaScript中布尔操作符||与&&的使用技巧 2017年02月06日 12 阅读 你是否看到过这样的代码:a=a||""; 可能javascript初学者会对此感到茫然。今天就跟大家分享一下我的一些心得。其实:a=a||"defaultValue";a=a||"defaultValue";与:if(!a){a="defaultValue";}if(!a){ a="defaultValue"; } 和: if(a==null||a==""||a==undefined){a="defaultValue";}if(a==null||a==""...
Jquery easyui 实现动态树 2017年02月06日 11 阅读 在上篇文章给大家介绍了jquery中EasyUI实现异步树,本文给大家介绍jquery easyui实现动态树。首先是在jsp页面中引入相关的js文件在body中加入流程列表,通过后天拼接json数据具体内容请看下面代码详情吧。首选在jsp页面中引入相关的js<link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/default/ea...
举例说明如何为JavaScript的方法参数设置默认值 2017年02月06日 11 阅读 你是否遇到过这样的情况,写了个function,无参数。function showUserInfo(){alert("你好!我是小明。");}function showUserInfo(){ alert("你好!我是小明。"); } 调用:showUserInfo();showUserInfo(); 后来,发现其他地方也需要这个function,但是有变量值已经在function里面写死了,怎么办?加个参数吧。function showUserInfo(n...
基于Jquery代码实现支持PC端手机端幻灯片代码 2017年02月06日 11 阅读 分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下 :效果演示源码下载html代码:<div class="flex"><ul class="slides"><li data-title="Slide 1"><img alt="" src="img/beasts_feature.jpg"></li><li data-title="S...