![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS(JavaScript)
文章平均质量分 57
炫街舞
这个作者很懒,什么都没留下…
展开
-
正则表达式验证电话和邮箱格式示例
正则表达式示例表达式匹配/^\s*$/匹配空行。/\d{2}-\d{5}/验证由两位数字、一个连字符再加 5 位数字组成的 ID 号。/]*)?>[\s\S]*/匹配 HTML 标记。下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为:原创 2012-11-28 17:06:42 · 3858 阅读 · 1 评论 -
js 字符串截取函数slice()、substring()、substr()
在js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length])相关属性:slice()第一个参数转载 2016-08-24 11:18:41 · 3813 阅读 · 1 评论 -
js去掉html标签和去掉字符串文本的所有的空格
去掉html标签的js function delHtmlTag(str){ return str.replace(/]+>/g,"");//去掉所有的html标记 }var str = "This is testss";str = delHtmlTag(str);alert(str);为了一个title去html标签转载 2016-08-24 11:23:46 · 5677 阅读 · 0 评论 -
html img src 图片路径不存在或无效
html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。通常的判断为:if(pic==null){ html=''; }else{ html='';}但如果当src路径存在,但路径无效导致无法正常加载时,可以利用img 的 onerror 事件来解决: if(pic==null){ html=转载 2016-08-24 11:51:11 · 31967 阅读 · 2 评论 -
js 中获取上下文路径
//js获取项目根路径,如: http://localhost:8083/uimcardprjfunction getRootPath(){ //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href; //获取主机转载 2015-10-06 22:56:46 · 4224 阅读 · 0 评论 -
Highcharts 图标属性实例详解
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,免费提供给个人学习、个人网站和非商业用途使用。使用之前先引入jquery.js 和 highcharts 这两个插件//布局环境组成:X轴、Y轴、数据显示、图标标题var oOptions = { //设置图表关联显原创 2016-08-22 15:05:09 · 2562 阅读 · 0 评论 -
jquery 仿锚点跳转到页面指定位置
js 仿锚点跳转到页面指定位置,用的是 offset() 方法 $(document).ready(function(){ var target_top = $("#qa5").offset().top; //$("html,body").animate({scrollTop: target_top}, 1000); //带滑动效果的跳转 $("html,body").s原创 2016-10-18 17:01:48 · 10903 阅读 · 0 评论 -
手机移动端上滑懒加载实现
参考网址:http://www.jq22.com/jquery-info6960http://ons.me/526.html/comment-page-1 加载底部 *{ margin: 0; padding:0; -webkit-tap-highlight-原创 2016-11-10 13:36:25 · 10338 阅读 · 0 评论 -
js 信息滚播
js 信息滚播信息滚播//信息滚播/**/function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-32px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this原创 2016-11-01 15:39:50 · 536 阅读 · 0 评论 -
js 实现获取name 相同的页面元素并循环遍历
js 实现获取name 相同的页面元素并循环遍历:$("input[name='blues']").each(function(j,item){ // 你要实现的业务逻辑 console.log(item.value); //输出input 中的 value 值到控制台});原创 2016-11-16 18:01:12 · 16082 阅读 · 0 评论 -
jquery 获取 table 总行数、总列数
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;转载 2016-11-14 18:05:26 · 17475 阅读 · 0 评论 -
前端知识点或技巧总结
今天来总结一下前端的一下知识或技巧等问题:1、 常用的清除浮动的方法: clear:both;2、 隐藏多余部分: overflow:hidden;3、button 按钮圆角边框实现: border-radius: 15px;4、 背景色透明度: opacity:0.8; 5、 浏览器窗口大小改变防止div或其他元素布局方式错位,可以设置其最小宽度、最小高度,或原创 2016-08-17 15:17:12 · 398 阅读 · 0 评论 -
JS 中的继承实现
转自:http://blog.csdn.net/nengyu/article/details/7591811在JavaScript中,继承可以用四种方式实现,1、对象冒充感觉这种方式利用了js中类和函数的模糊性,同是function关键字申明方法,既可以说他是函数,也可以说他是类,js太灵活了,下面的例子说明下:function ClassA(sColor){转载 2016-11-25 14:08:29 · 408 阅读 · 0 评论 -
javascript 深入理解闭包
本文转自:http://www.jb51.net/article/24101.htm闭包(closure)是Javascript 语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直转载 2016-11-25 16:25:46 · 336 阅读 · 0 评论 -
JavaScript事件委托的技术原理
转自:http://www.webhek.com/event-delegate/如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多人不理解转载 2016-11-28 13:53:51 · 762 阅读 · 0 评论 -
js 验证手机号码
手机号正则匹配:第一位数为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(""); }转载 2016-09-14 15:02:24 · 3343 阅读 · 0 评论 -
如何判断 js 中的数据类型
如何判断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转载 2017-08-24 15:24:58 · 239 阅读 · 0 评论 -
JQuery的 Ajax 跨域请求的解决方案
转自:http://www.open-open.com/lib/view/open1334026513327.html 今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发现JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式转载 2016-08-23 14:13:00 · 577 阅读 · 0 评论 -
同源策略和跨域访问
转自:http://blog.csdn.net/shimiso/article/details/218303131. 什么是同源策略 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 何谓同源: URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示他们同源。 同源策略:转载 2016-08-23 11:44:52 · 385 阅读 · 0 评论 -
JS 数据类型转换
转自:http://www.cnblogs.com/446557021/archive/2011/10/13/2211043.htmlJS 数据类型转换 方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调转载 2016-08-23 09:52:17 · 304 阅读 · 0 评论 -
js 动态生成html 触发事件传参字符转义
通常,在使用 JS 动态生成 html 的过程中,会嵌入相应的样式、事件等属性元素,而这时经常会出现所谓的 “单、双引号不够用” 的情况,别急,这时可以利用 html 语言中的转义字符来解决。下面就来介绍一下相应的转义字符吧: & —— (ampersand) 转义字符对应为 &“ —— (double quote) 双引号,转义字符对应为 "'原创 2015-07-26 22:08:57 · 4527 阅读 · 0 评论 -
JavaScript 中的 json 对象与 json 字符串之间的转换
JSON 是一种轻量型的数据存储格式,非常易于读写,也易于程序解析和生成。下面来介绍一下在 js 中的数据传输过程中,如何进行 json 对象与 json 字符串之间的转换。首先在文件中引入 json2.js 文件(该文件可在csdn 下载资源中下载:http://download.csdn.net/detail/xuanjiewu/8939849)例如要在 onclick 事件中传原创 2015-07-28 14:42:23 · 496 阅读 · 0 评论 -
HTML 对象属性 property value 与 attribute value
通常在 js 中动态改变 DOM 对象属性值的时候,都会在 JS 中直接用如下这种方式进行:document.getElementById("f_id").value = "30";但是今天发现在给 重新赋值的时候,由于初始化时设置了默认值,在 js 中用上述方式重新赋值时,用 firebug 动态查看发现 标签对象中的 value 实际值并没有变化,只是页面上显示的值发生了变化,进一原创 2015-07-31 12:18:59 · 2455 阅读 · 0 评论 -
如何跨 frame 获取页面元素和函数
在 html 的 frame 框架中,如何在右侧 frame 内容发送变化后,想改变 frame 左侧的菜单样式,那么在 右侧框架中该如获得左侧框架页面中的菜单元素呢?示例: 用 window.parent.framname 框架的名称即可获得相应 frame 页面:function return(){ var lef原创 2015-08-30 23:20:37 · 5037 阅读 · 0 评论 -
JS设置 cookie,删除 cookie
js设置cookie有很多种方法。第一种:(这个是w3c官网的代码)//设置cookiefunction setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expire转载 2015-08-16 21:31:05 · 437 阅读 · 0 评论 -
jQuery div层渐入渐出效果
function test() { //渐入渐出方式1 —— 从左上角划出,从右下角 收回 $("#msg").show("fast"); $("#msg").hide("slow"); //渐入渐出方式2—— 从中间向四周展开划出,由四周向中间位置收回转载 2015-08-30 01:20:46 · 8829 阅读 · 0 评论 -
正则表达式之 JS 验证
function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){ alert("请输入数字!"); } if(!/^[0-9]*$/.te原创 2015-08-31 16:57:47 · 425 阅读 · 0 评论 -
JS 验证表单文本域输入空格问题
在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确。否则如果连续输入多个空格键,仅凭 document.getElementById("name")=="" 验证不出来的。去除字符串两边的空格的方法,还要考虑浏览器的兼容问题。一、 trim() 方法document.getElementById("name").value.trim() 该原创 2015-09-27 19:58:15 · 3199 阅读 · 1 评论 -
Js 实现图片放大功能
如果要实现图片的放大效果,如当鼠标移动到一个图片上的时候,该图片的一个大图在旁边展示出来,要实现这个效果,就要获取到该图片在页面上的坐标位置。Firefox 的最新版本提供了这个功能,很easy,只要用该图片对象的 x、y 属性就可以直接获取到图片在页面的坐标位置,但是这个属性在 IE 、360 里还不支持,但可以通过 offsetParent.offsetLeft 和 offsetParent.原创 2015-09-28 15:09:59 · 1102 阅读 · 0 评论 -
Js 图片上传本地预览
Js 图片上传本地预览,这里只展示前端功能的实现方法,并且讲解了 IE 和 Firefox 两者兼容的处理方法。这里是上传图片且在本地预览的 Js 函数的实现过程:function previewImage(){ var file = document.getElementById("uploadfile"); //用getAsDataURL从fi原创 2015-09-28 22:57:34 · 808 阅读 · 0 评论 -
call() 与 apply()区别
本文转自:http://www.cnblogs.com/qzsonline/archive/2013/03/05/2944367.html一、方法的定义 call方法: 语法:call(thisObj,Object)定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象转载 2016-06-08 16:56:09 · 313 阅读 · 0 评论 -
JavaScript 中的 call() 和 apply() 方法深入理解
1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数转载 2016-07-09 22:57:56 · 1066 阅读 · 0 评论 -
用oncontextmenu事件单禁用右键菜单
在html页面中添加如下代码,利用oncontextmenu 事件可以取消鼠标右键功能:oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。 window.document.oncontextmenu = functi转载 2016-08-02 16:26:41 · 9576 阅读 · 0 评论 -
js 正则验证身份证号码
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第一种方法转载 2016-09-12 15:58:19 · 869 阅读 · 0 评论 -
js 中 typeOf 用法
转:http://javaeyetodj.iteye.com/blog/1199125JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据。typeof 可以用来检测给定变量的数据类型,可能的返回值:1. 'undefined' --- 这个值未定义;2. 'boolean' --- 这个值是布尔值;3. 'string'转载 2016-08-22 09:28:05 · 1412 阅读 · 0 评论 -
JavaScript == 和 === 的区别
先来看个例子:if(tc == "" ){ console.log("空值!");}上面当tc 值为 0 时,if(tc == "") 居然返回true,正常来看不应该。于是乎,这里就要说到 == 和 === 的区别了== JavaScript中的隐式操作符,如果两边数据类型不一致,就会进行隐式数据类型转换;=== JavaScript中的全等操作符,比较的是类型和值都是...原创 2018-09-26 17:29:03 · 404 阅读 · 0 评论