xuanjiewu的专栏

正则表达式示例表达式匹配/^\s*$/匹配空行。/\d{2}-\d{5}/验证由两位数字、一个连字符再加 5 位数字组成的 ID 号。/]*)?>[\s\S]*/匹配 HTML 标记。下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为：

在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length])相关属性：slice()第一个参数

去掉html标签的js     function delHtmlTag(str){  return str.replace(/]+>/g,"");//去掉所有的html标记 }var str = "This is testss";str = delHtmlTag(str);alert(str);为了一个title去html标签

html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决办法。通常的判断为：if(pic==null){ html=''; }else{ html='';}但如果当src路径存在，但路径无效导致无法正常加载时，可以利用img 的 onerror 事件来解决： if(pic==null){  html=

//js获取项目根路径，如： http://localhost:8083/uimcardprjfunction getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href; //获取主机

Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，免费提供给个人学习、个人网站和非商业用途使用。使用之前先引入jquery.js 和 highcharts 这两个插件//布局环境组成：X轴、Y轴、数据显示、图标标题var oOptions = {  //设置图表关联显

js 仿锚点跳转到页面指定位置，用的是 offset() 方法 $(document).ready(function(){  var target_top = $("#qa5").offset().top;  //$("html,body").animate({scrollTop: target_top}, 1000);   //带滑动效果的跳转  $("html,body").s

参考网址：http://www.jq22.com/jquery-info6960http://ons.me/526.html/comment-page-1 加载底部 *{ margin: 0; padding:0; -webkit-tap-highlight-

js 信息滚播信息滚播//信息滚播/**/function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-32px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this

js 实现获取name 相同的页面元素并循环遍历：$("input[name='blues']").each(function(j,item){      // 你要实现的业务逻辑     console.log(item.value);  //输出input 中的 value 值到控制台});

jquery 获取 table 总行数：$("table tr").size(); var hang = $("#g").find("tr").length;jquery 获取 table 总列数：$("table td").size();var lie = $("#g").find("tr").find("td").length-1;

今天来总结一下前端的一下知识或技巧等问题：1、 常用的清除浮动的方法： clear:both;2、 隐藏多余部分：  overflow:hidden;3、button 按钮圆角边框实现：  border-radius: 15px;4、 背景色透明度：  opacity:0.8; 5、 浏览器窗口大小改变防止div或其他元素布局方式错位，可以设置其最小宽度、最小高度，或

转自：http://blog.youkuaiyun.com/nengyu/article/details/7591811在JavaScript中，继承可以用四种方式实现，1、对象冒充感觉这种方式利用了js中类和函数的模糊性，同是function关键字申明方法，既可以说他是函数，也可以说他是类，js太灵活了，下面的例子说明下:function ClassA(sColor){

本文转自：http://www.jb51.net/article/24101.htm闭包（closure）是Javascript 语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直

转自：http://www.webhek.com/event-delegate/如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多人不理解

手机号正则匹配：第一位数为1，第二位数为3、4、5、8，第三位数为0-9，第四位数到最后共八位数为数字var reg = /^1[3|4|5|8][0-9]\d{4,8}$/; if(!reg.test($.trim(phone))){ $("#tip").html("请输入有效的手机号！"); }else{ $("#tip").html(""); }

如何判断js中的数据类型：typeof、instanceof、 constructor、 prototype方法比较如何判断js中的类型呢，先举几个例子：var a = "iamstring.";var b = 222;var c= [1,2,3];var d = new Date();var e = function(){alert(111);};var f = fu

转自：http://www.open-open.com/lib/view/open1334026513327.html   今天在项目中需要做远程数据加载并渲染页面，直到开发阶段才意识到ajax跨域请求的问题，隐约记得Jquery有提过一个ajax跨域请求的解决方式，于是即刻翻出Jquery的API出来研究，发现JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式

转自：http://blog.youkuaiyun.com/shimiso/article/details/218303131. 什么是同源策略     理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。    何谓同源:        URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。    同源策略:

转自：http://www.cnblogs.com/446557021/archive/2011/10/13/2211043.htmlJS 数据类型转换 方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调

通常，在使用 JS 动态生成 html 的过程中，会嵌入相应的样式、事件等属性元素，而这时经常会出现所谓的 “单、双引号不够用” 的情况，别急，这时可以利用 html 语言中的转义字符来解决。下面就来介绍一下相应的转义字符吧： & —— (ampersand) 转义字符对应为   &“   —— (double quote) 双引号，转义字符对应为  "'

JSON 是一种轻量型的数据存储格式，非常易于读写，也易于程序解析和生成。下面来介绍一下在 js 中的数据传输过程中，如何进行 json 对象与 json 字符串之间的转换。首先在文件中引入 json2.js  文件（该文件可在csdn 下载资源中下载：http://download.youkuaiyun.com/detail/xuanjiewu/8939849）例如要在 onclick 事件中传

通常在 js 中动态改变 DOM 对象属性值的时候，都会在 JS  中直接用如下这种方式进行：document.getElementById("f_id").value = "30";但是今天发现在给 重新赋值的时候，由于初始化时设置了默认值，在 js 中用上述方式重新赋值时，用 firebug 动态查看发现 标签对象中的 value 实际值并没有变化，只是页面上显示的值发生了变化，进一

在 html 的 frame 框架中，如何在右侧 frame 内容发送变化后，想改变 frame 左侧的菜单样式，那么在 右侧框架中该如获得左侧框架页面中的菜单元素呢？示例：               用 window.parent.framname  框架的名称即可获得相应 frame 页面：function return(){        var lef

js设置cookie有很多种方法。第一种：（这个是w3c官网的代码）//设置cookiefunction setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expire

function test() {            //渐入渐出方式1 —— 从左上角划出，从右下角 收回             $("#msg").show("fast");             $("#msg").hide("slow");             //渐入渐出方式2—— 从中间向四周展开划出，由四周向中间位置收回           

function validate(){       var reg = new RegExp("^[0-9]*$");       var obj = document.getElementById("name");    if(!reg.test(obj.value)){        alert("请输入数字!");    }    if(!/^[0-9]*$/.te

在表单中验证输入的文本域字符是否为空格，即空字符串，通常需要去除字符两边的空格才可验证准确。否则如果连续输入多个空格键，仅凭 document.getElementById("name")==""  验证不出来的。去除字符串两边的空格的方法，还要考虑浏览器的兼容问题。一、 trim() 方法document.getElementById("name").value.trim()   该

如果要实现图片的放大效果，如当鼠标移动到一个图片上的时候，该图片的一个大图在旁边展示出来，要实现这个效果，就要获取到该图片在页面上的坐标位置。Firefox 的最新版本提供了这个功能，很easy，只要用该图片对象的 x、y 属性就可以直接获取到图片在页面的坐标位置，但是这个属性在 IE 、360 里还不支持，但可以通过 offsetParent.offsetLeft 和 offsetParent.

Js 图片上传本地预览，这里只展示前端功能的实现方法，并且讲解了 IE 和 Firefox 两者兼容的处理方法。这里是上传图片且在本地预览的 Js 函数的实现过程：function previewImage(){ var file = document.getElementById("uploadfile"); //用getAsDataURL从fi

本文转自：http://www.cnblogs.com/qzsonline/archive/2013/03/05/2944367.html一、方法的定义 call方法: 语法：call(thisObj，Object)定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象

1、方法定义call方法: 语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数

在html页面中添加如下代码，利用oncontextmenu 事件可以取消鼠标右键功能：oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持。 window.document.oncontextmenu = functi

var reg=/^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;if(reg.test($("check").value)){   alert("ok");}else{  alert("no");}以下转自：http://www.jb51.net/article/72189.htm第一种方法

转：http://javaeyetodj.iteye.com/blog/1199125JS中的变量是松散类型（即弱类型）的，可以用来保存任何类型的数据。typeof 可以用来检测给定变量的数据类型，可能的返回值：1. 'undefined' --- 这个值未定义；2. 'boolean'    --- 这个值是布尔值；3. 'string'      

先来看个例子：if(tc == "" ){    console.log("空值！");}上面当tc 值为 0 时，if(tc == "")  居然返回true，正常来看不应该。于是乎，这里就要说到 == 和 === 的区别了== JavaScript中的隐式操作符，如果两边数据类型不一致，就会进行隐式数据类型转换；=== JavaScript中的全等操作符，比较的是类型和值都是...