JS_基础
文章平均质量分 64
JS_基础
江湖之笑
这个作者很懒,什么都没留下…
展开
-
最新数组方法(包括es6)
整理目前所用过的数组方法,学习了新增的es6方法。1arr.push()从后面添加元素,返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2arr.pop()从后面删除元素,只能是一个,返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.pop()) // 5console.lo...原创 2021-09-08 11:29:31 · 327 阅读 · 0 评论 -
js中数组操作方法整理
常见方法,一看就会用的,就不代码去实现操作了,复杂的就demo一下。1. join()功能:将数组中所有元素都转化为字符串并连接在一起。2. reverse()功能:将数组中的元素颠倒顺序。3. concat()功能:数组拼接的功能 ,返回新数组,原数组不受影响。4. slice()截取数组生成新数组,原数组不受影响。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定位置之间的所有元素。如果为负数,表示相对于数组中最后一个元素的位置。如果只有一个参数,表示到数组原创 2021-09-08 10:35:39 · 236 阅读 · 0 评论 -
Javascript 操作XML
JavaScript操作XML (一)JavaScript操作XML是通过XML DOM来完成的。那么什么是XML DOM呢?XML DOM 是:用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。也就是说:XML DOM是用于查询、添加、修改、删除XML元素的标准。在继续之前,我们先来了解一下XML的定义。请看下面的 XML 文件 (books.xml):..原创 2021-09-08 10:34:15 · 2144 阅读 · 1 评论 -
html5 video播放调研,全屏,伪全屏
webdupercode{web}:|:life{me}:|:tencent&xiaomi{work}来源:http://materliu.github.io/all/web/mobile/2014/03/11/%E5%9F%BA%E4%BA%8Eweb%E7%BD%91%E9%A1%B5%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E5%B8转载 2016-04-09 16:37:10 · 25132 阅读 · 0 评论 -
Uploadify v3.2.1 参数说明
属性名称默认值说明autotrue设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。buttonClass”按钮样式buttonCursor‘hand’鼠标指针悬停在按钮上的样子buttonImagenull浏览按钮的图片的路径转载 2016-10-03 19:12:30 · 255 阅读 · 0 评论 -
在线二维码图片生成器
http://www.liantu.com/转载 2016-07-14 18:00:32 · 145067 阅读 · 0 评论 -
你不知道的5个HTML5新功能(第二辑)
HTML5的诞生给我们提供了很多精彩的JavaScript和HTML新功能和新特征。有些新特征我们已知多年并大量的使用,而另外一些主要是用在前沿的手机移动技术上,或者桌面应用中起辅助作用。不管这些HTML5新功能有多强大,多好用,它们都是为了帮助我们更好的开发浏览器前端应用。我之前给大家分享过一篇你不知道的5个HTML5新功能,目的是希望里面的提到的一些技术能帮助改进你的web应用。这里我还想分享转载 2016-07-14 17:58:21 · 275 阅读 · 0 评论 -
通过JS判断联网类型和连接状态的实现代码
中国的移动网络环境复杂,为了给用户带去更好访问体验,开发者希望能了解用户当前的联网方式,然后给用户一个符合当前网络环境的请求结果。W3C的规范中给出了一个方法来获得现在的网络状态navigator.connection;根据Working Draft 29 November 2012协议规范我们可以从接口中获得bandwidth(带宽,M/s)和metered两个参数的值;还提供了一个监听转载 2016-07-14 17:55:39 · 1188 阅读 · 0 评论 -
移动端笔记-js检测网络状态
在移动项目,有时候需要检测当前的状态是否是在wifi网络下,那js可以检测出这种状态吗?我们可以试下用window.navigator.connection来检测,另外微信6.0版本以上,UA有个NetType,6.0版本以下,可以用微信私有接口WeixinJSBridge:var wifi = true; var ua = window.navi转载 2016-07-14 17:52:27 · 7167 阅读 · 0 评论 -
javascript判断机器是否联网的2种方法
在很多场景下,只有机器已经联网以后,web应用才能启动。如果没有联网,就会提示错误。、 但是机器有时候要重启。 如果机器重启后,立刻启动web应用的话,可能,机器上的网络服务还没有准备好。 特别是windows7,启动网络服务需要好几秒,这个时候怎么办呢? 之前尝试过几种方法: 比如 通过ping来判断, 但是ping需要有一个非本机的ip地址。 这个不是很通用 比如监控某个端口是否转载 2016-07-14 17:45:11 · 1144 阅读 · 0 评论 -
JQuery解析XML数据的几个例子
用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案:01<script type="text/javascript">02$(document).ready(function()转载 2016-04-09 16:55:24 · 446 阅读 · 0 评论 -
15 个最佳 jQuery 翻书效果插件
本文为你带来15个非常实用的、实现类似翻书效果的jQuery插件,你可以很容易地整合到你的web应用中,提升用户体验。 1. BookBlock BookBlock可以将任何内容(如图像、文本)创建为翻页效果,带有一个翻页导航,可用于创建小册子等组件。 阅读更多 / 演示 2. imBookFlip 该插件允许你在iframe或页面中加载转载 2016-04-09 16:53:51 · 6764 阅读 · 0 评论 -
HTML5实现全屏API【进入和退出全屏】
现在主流浏览器基本上实现了全屏效果,但是不同浏览器实现不一样:【进入和退出全屏】// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(); // Firefox 10+element.mozRequ原创 2016-04-09 16:35:29 · 5221 阅读 · 0 评论 -
HTML5全屏(Fullscreen)API详细介绍_html5教程技巧
这篇文章主要介绍了HTML5全屏(Fullscreen)API详细介绍,本文给出了启动全屏模式和退出全屏模式代码示例,同时讲解了Fullscreen 属性与事件,需要的朋友可以参考下在越来越真实的web应用程序中,JavaScript也变得越来越给力.FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我原创 2016-04-09 16:33:58 · 6487 阅读 · 1 评论 -
jspSmartUpload上传下载全攻略
一、安装篇 jspSmartUpload是由www.jspsmart.com网站开发的一个可免费使用的全功能的文件上传下载组件,适于嵌入执行上传下载操作的JSP文件中。该组件有以下几个特点: 1、使用简单。在JSP文件中仅仅书写三五行java代码就可以搞定文件的上传或下载,方便。 2、能全程控制上传。利用jspSmartUpload组件提供的对象及其操作方法,可以获得全原创 2014-03-04 09:18:58 · 602 阅读 · 0 评论 -
JS统制HTML页面控件的属性
JS控制HTML页面控件的属性checkbox控件:下面例子用到的css属性.fieldColor {font-family: "MS UI Gothic";font-size: 12px;height: 17px;border: 1px solid #ADD566;background-color: #DFDFDF;text-readonly: true;原创 2014-02-14 11:17:58 · 598 阅读 · 0 评论 -
HTML中disabled和readonly的区别
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我原创 2014-02-14 11:16:22 · 709 阅读 · 0 评论 -
js event
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouse原创 2014-01-25 10:05:41 · 516 阅读 · 0 评论 -
js document.all的用法 .
document.all用法 一.document.all是页面内所有元素的一个集合。例如: document.all(0)表示页面内第一个元素二.document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }三.也可以通过给某个元素设置id属性(id=aaaa),然原创 2014-01-18 20:08:05 · 585 阅读 · 0 评论 -
document.getElementById/Name/TagName .
document.getElementById 1、getElementById作用:一般页面里ID是唯一的,用于准备定位一个元素 语法: document.getElementById(id) 参数:id :必选项为字符串(String) 返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 nullexampl转载 2014-01-18 19:56:00 · 677 阅读 · 0 评论 -
js调用后台servlet方法
今天做历史记录查询功能,遇到了前后台方法互相调用的问题,研究了一下,把成功经验记录一二。1.使用document.form.action方式相关源码如下:*.js[javascript] document.getElementById("sendPerson").value = SendPerson; document.getElementById("curre原创 2014-01-17 15:31:01 · 6821 阅读 · 0 评论 -
微信支付H5调用支付详解
微信公众号支付H5调用支付详解最近项目需要微信支付,然后看了下微信公众号支付,,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验。一、配置公众号微信支付 需要我们配置微信公众号支付地址和测试白名单。 比如:支付JS页面的地址为 http://www.xxx.com/shop/pay/ ...转载 2018-05-11 11:20:16 · 26358 阅读 · 5 评论 -
经常使用的两个清爽的table样式
table在使用中占有很重要的地位,下面附上两个我经常使用的table样式,喜欢的朋友可以参考下附上两个我经常使用的table样式: 复制代码代码如下: body,table{ font-size:12px; } table{ table-layout:fixed; empty-ce转载 2017-02-24 10:47:08 · 675 阅读 · 0 评论 -
XML DOM 加载函数
XML DOM 加载函数DOM 解析DOM 属性和方法可以把供加载 XML 文档的代码存储在单独的函数中。实例加载 XML 文档使用函数来加载 XML 文档加载函数XML DOM 含有遍历 XML 树以及访问、插入、删除节点的方法(函数)。然后,在访问并处理 XML 文档之前,必须把它载入 XML DOM 对象。上一节演示了如何加载 XML 文档。为了避免因加载文档而重复编写代码,可以把代码存储在一个单独的 JavaScript 文件中:function loadXMLDoc(dnam原创 2021-06-09 08:42:30 · 167 阅读 · 0 评论 -
jquery checkbox勾选/取消勾选的诡异问题
作者:@keenleung本文为作者原创,转载请注明出处:http://www.cnblogs.com/KeenLeung/p/3799895.html目录form> 你爱好的运动是?input type="checkbox" id="CheckedAll" />全选/全不选br /> input type="checkbox转载 2017-02-15 09:34:20 · 229 阅读 · 0 评论 -
Ajax请求($.ajax()为例)中data属性传参数的形式
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_29569183/article/details/79194292首先定义一个form表单:<form id="login" > <input name="user" type="text"/> <input name=...转载 2019-03-26 15:21:02 · 711 阅读 · 0 评论 -
jquery validation addMethod 自定义方法
//手机号码验证 jQuery.validator.addMethod("mobile",function(value,element){ varlength=value.length; varmobile=/^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ returnthis.optional(...转载 2019-03-26 15:18:13 · 512 阅读 · 0 评论 -
iCheck插件 全选和获取value值的解决方法
在使用jQuery iCheck 插件的时候遇到了一个问题,就是当我们使用普通的js全选功能无效了。$("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=t...转载 2019-03-26 15:17:00 · 1322 阅读 · 0 评论 -
jqgrid——treegrid动态异步加载数据
jqgrid的treegrid插件,有两种数据结构:第一种:可以实现动态加载数据{ "total":11, "page":1, "records":11, "rows":[ {"id":1,"cell":["第一級1",1,"地址1",0,null,false,false]}, {"...转载 2019-03-26 15:14:18 · 2566 阅读 · 0 评论 -
jqGrid api 中文说明
https://blog.csdn.net/yjlwl1213/article/details/41750703JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。JQGrid Demo是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。jqGrid...转载 2019-03-26 15:08:37 · 346 阅读 · 0 评论 -
jQuery Validate 表单验证插件----在class属性中添加校验规则进行简单的校验
一、下载插件包。网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224二、jQuery表单验证插件----添加class属性形式的校验<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...转载 2019-03-26 15:21:49 · 1680 阅读 · 0 评论 -
JS组件系列——Bootstrap Select2组件使用小结
前言:在介绍select组件的时候,博主之前分享过一篇JS组件系列——两种bootstrap multiselect组件大比拼,这两个组件的功能确实很强大,只可惜没有图文结合的效果(也就是将图片放入到select里面随着文字一起显示)。前两天做一个菜单图标选择的功能,就要用到这个图文选择的功能。于是乎又是找啊找。终于不负所望,找到了我们伟大的select2组件。今天分享下这个组件的一些用法和特性。...转载 2019-03-26 15:23:08 · 470 阅读 · 0 评论 -
Select2插件 点击、选中事件 解读
首先说下默认的配置JS$('.select').select2({ placeholder: 'Select an option'});HTML<input type='text' class="select" />这个就可以很简单的使用了 其他配置项可以到官网看http://select2.github.io/options.html#core-op...转载 2019-03-26 15:23:55 · 4822 阅读 · 0 评论 -
Select2.js学习总结
本文主要是对Select2插件常用使用方法的一些总结。包括其单选、多选、按照拼音搜索功能。并通过测试示例对其效果进行了验证。一、效果图二、 使用方式1.使用前需要引入下面几个插件:select2.css或者select2.min.cssselect2.js或者select2.min.jsjquery-2.0.3.min.js<link href="../...转载 2019-03-26 15:25:41 · 2624 阅读 · 0 评论 -
使用jquery给select2赋值问题
直接上代码$("#requirement").select2("val", ["xxx"]);$("#requirement").val(["xxx"]).trigger("change");两种都可以,其中“xxx”表示option标签对应的value值,要用[ ]括号括起来,如果是单选,就只写一个值,如果是多选,可以放多个值得数组。---------------------作者:...转载 2019-03-27 08:57:19 · 930 阅读 · 0 评论 -
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 ...转载 2019-08-17 15:09:57 · 232 阅读 · 0 评论 -
js获取文件上传进度
js获取文件上传进度: 1 2 <input name="file" id="FileUpload" type="file" /> <input type="button" onclick="Submit()" value="提交" /> js监听: 1 2转载 2018-11-08 10:32:52 · 3527 阅读 · 4 评论 -
swfupload
转载自:http://blog.csdn.net/zhyh1986/article/details/7926166 前言 最近项目中要求使用HTTP做文件上传,而且要求有进度显示,在网上东找西寻了半天,解决方案倒也不少,比如使用Ajax上传,但感觉这种方式的进度提示太麻烦,所以没有采用,后来看到了SWFUpload,就找了些资料来看,觉得符合自己的要...转载 2018-11-07 16:21:06 · 1936 阅读 · 1 评论 -
JS上下自动漂浮广告,可关闭
一不懂开发的朋友,需要一个左右浮动显示的广告,网上找了一个,放在这里,希望对大家有用。很简单,只是想能给大家节省一部分时间JavaScript"> // 这是关闭飘浮广告的宽度,请根据你的广告内容而定 var hbcms_ad_width = 100; // 这是关闭飘浮广告的代码,可以换成图片,点击即可关闭 var hbcms_转载 2017-03-15 20:59:08 · 3645 阅读 · 0 评论 -
第三方手册 —— jQuery formValidator手册
什么是jQuery formValidator?jQuery formValidator表单验证插件是客户端表单验证插件。 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时开发中不停的重复书写。 常见的校验如不能为空转载 2017-03-13 08:58:42 · 264 阅读 · 0 评论