![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 69
冯小东
这个作者很懒,什么都没留下…
展开
-
JavaScript --Date方法和API
1.Date方法1、作用:封装一个日期,提供对日期执行操作的API2、何时使用: 今后只要保存或操作日期都用Date对象3、如何使用:4种方式1. 获得客户端当前系统时间: var now=new Date(); 2. 创建日期对象保存自定义时间: var date=new Date("yyyy/MM/d原创 2016-10-10 23:21:07 · 875 阅读 · 0 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript: IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见转载 2017-06-14 14:47:59 · 725 阅读 · 0 评论 -
集装箱编号校验码规则及java/JavaScript的实现
由于工作原因,最近项目中接触到关于集装箱编号校验的问题,搜索网上资料,借鉴以下两个网址总结一下。java实现:http://blog.csdn.net/benkwok/article/details/54971387javaScript实现:http://blog.csdn.net/ttgzs/article/details/1566011集装箱校验码校验规则:集装原创 2017-07-31 22:59:23 · 4745 阅读 · 0 评论 -
javascript时间戳和日期字符串相互转换
// 获取当前时间戳(以s为单位)var timestamp = Date.parse(new Date());timestamp = timestamp / 1000;//当前时间戳为:1403149534console.log("当前时间戳为:" + timestamp);// 获取某个时间格式的时间戳var stringTime = "2014-07-10 10:21:12";原创 2017-09-30 08:52:57 · 580 阅读 · 0 评论 -
基于jQuery.i18n.properties插件实现前端页面国际化
一、简介在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是国际化。国际化英文单词为:Internationalization,又称 i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母。在计算机领域,国际化是指设计能够适应各种区域和语言环境的软件的过程。jQuery.i18n.propert原创 2017-12-01 10:59:27 · 9987 阅读 · 8 评论 -
offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解
el.offsetHeight = height + padding + border(滚动条是在边框内的,自然也包括在内)el.clientHeight = 可视化看到的高度 (就是content的高度)el.scrollHeight = 整个元素的高度 ( 包括了clientHeight看不到的那部分,一般就是你css设置的元素高度)el.offsetTop = 子元素的外边框到父元素的内边框...转载 2018-03-15 09:58:00 · 530 阅读 · 0 评论 -
前端使用clipboard.js插件 实现复制页面内容
纯js实现复制到剪贴板功能在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍。随着 HTML5 技术的发展,Flash 已经在很多场合不适用了,甚至被屏蔽。本文介绍的一款JS插件,实现了纯JS方法复制文本到剪切板。插件名是Clipboard.js,该插件不依赖 Flash,而是依赖于最新HTML5推出 Selection API 和 execCommand AP...转载 2018-04-09 17:21:11 · 2205 阅读 · 0 评论 -
使用Echarts-X.js实现3D地球完美解决“myChart is not function”或者“define is not function”错误
很久没更博了,最近在项目上需要展示数据可视化.所以用到了Echarts组件,进而研究了Echarts-X,具体介绍请看官网:http://echarts.baidu.com/echarts2/x/doc/index.html 根据官网的介绍,如果直接下载DEMO运行会一直报类似“define is not function”或者“myChart is not function”等错误,原因就是因为...原创 2018-07-06 15:50:02 · 10609 阅读 · 4 评论 -
js获取url链接参数
一个简单的函数:function GetUrlParam(paraName) { var url = window.location.href; var arrObj = url.split("?"); if (arrObj.length > 1) { var arrPara = arrObj[1].split("&"); var...原创 2018-08-16 18:11:23 · 760 阅读 · 0 评论 -
javascript 实现像素px与毫米mm的转换
function unitConversion() { /** * 获取DPI * @returns {Array} */ this.conversion_getDPI =function () { var arrDPI = new Array; if (window.screen.deviceXDPI) { ...原创 2018-12-11 09:50:42 · 14837 阅读 · 5 评论 -
使用JS正则表达式转换时间搓,变成'yyyy-MM-dd hh:mm:ss'格式
废话不多说,直接上代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原创 2019-02-13 00:59:15 · 1989 阅读 · 0 评论 -
js打印的另一种实现方式(可以打印图片,二维码等)
//idstr--打印内容的idfunction printView(idstr){ var el = document.getElementById(idstr); var iframe = document.createElement('IFRAME'); var doc = null; iframe.setA...原创 2019-03-27 18:21:49 · 6596 阅读 · 0 评论 -
用js超简单判断图片地址是否存在(404问题)
//判断图片是否存在function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //存在图片 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && Img...原创 2019-04-16 22:19:47 · 17182 阅读 · 10 评论 -
JQuery对象和DOM对象的区别
初学jQuery,会对jquery对象和DOM对象心存很大的疑惑,因此有必要明白他们之间的区别和联系。DOM对象是我们用传统的方法(JavaScript)获得的对象,jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象就是通过jQuery包装DOM对象后产生的对象。JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;转载 2017-06-22 10:55:16 · 275 阅读 · 0 评论 -
关于JS的--window.onload()方法
一、window.onload()方法:该方法用于在网页加载完毕后立刻执行的操作,即当html加载完毕后,立刻执行某个方法等。二、为什么使用window.onload()?因为JS中的函数方法等需要在HTML文档渲染完成才可以使用,如果没有渲染完成,此时的DOM树是不完整的,这样JS文件就可能报出"undefined"错误。三、常见的用法:简单的立刻执行函数,假原创 2017-05-23 14:17:54 · 18175 阅读 · 0 评论 -
JavaScript 声明全局变量的三种方式详解
JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。声明方式一:使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。该方式即为显式声明详细如下:代码如下:var test = 5; //全局变量function a(){ var cc=3; //局部变量 alert(te转载 2016-12-13 19:18:21 · 1256 阅读 · 0 评论 -
JavaScript内置对象--基本包装类型(Boolean、Number、String)详解
一、什么是基本包装类型?为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型: Boolean、Number、String。这些类型与其他内置对象类型相似,但同时具有各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。包装类型,是一个专门封装原始类型的值,并提供对原始类型的原创 2017-02-05 15:50:30 · 3840 阅读 · 2 评论 -
JavaScript内置对象--单体内置对象(Global、Math)详解
一、什么是单体内置对象?官方对于"单体"二字其实没有显性的表达,看了很多书籍和大牛的网站,都是含糊两口,其实就我自己也没完全搞清楚这个几个名词,“引用类型”,“单体”内置对象,"内置对象"这些词的区别,按介绍说,内置对象是不依赖于宿主环境的对象,这些对象在程序执行之前就已经存在了,开发人员不必显示地实例化内置对象,因为它们已经实例化了。简而言之,单体内置对象是不需要通过new来实例化的,例原创 2017-02-05 18:32:05 · 1690 阅读 · 0 评论 -
浅谈JavaScript--Array数组的join()方法
介绍性的话就不多说了,我们都知道Array类型是JS内置对象最常用的一个类型,里面的API经常在开发中用到,有一个方法非常的强大,那就是join(),这个方法的功能就是:将array数据中每个元素都转为字符串,用自定义的连接符分割join()方法的使用:一、最简单的将数组的每个元素都转为字符串 var num = Array("hello","world");原创 2017-02-07 01:22:03 · 15356 阅读 · 0 评论 -
javaScript--正则表达式
一、什么是正则表达式?正则表达式(Regular Expression):由一些普通字符和特殊字符组成的,用以描述一种特定的字符规则的表达式。功能? 正则表达式常用于在一段文本中搜索、匹配或替换特定形式的文本。如:词语出现频率统计、验证邮箱格式、手机号码格式、屏蔽一篇帖子中的限制性词语等。其中:正则最常用于邮箱格式验证或者账户名密码的验证。例如下面的某个网站的新用户注册页面原创 2017-01-16 18:08:15 · 548 阅读 · 0 评论 -
浅谈Javascript--Array数组的splice()方法之删除、插入、替换
Array数组的splice()方法,也是一个非常强大的方法,它的作用是:删除、插入、替换需要注意的是: splice()方法是直接修改原数组的一、删除的用法语法: array.splice(starti,n);starti 指的是从哪个位置开始(不包含starti)n指的是需要删除的个数 var array=[1,2,3,4,5]; arr原创 2017-02-08 00:30:09 · 62390 阅读 · 0 评论 -
JavaScript--变量提升
什么是变量提升?JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一步一步地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫变量提升例1:console.log(a);var a=1;上面的代码首先使用console.log()方法,在控制台显示变量a的值,因为a还没有声明和复赋值,但是并不会报错,因为变量原创 2017-02-16 15:33:58 · 292 阅读 · 0 评论 -
JavaScript交换两个变量值的四种方法
交换变量值指的是两个变量之间的值相互交换,具体的方法可总结出四种一、使用第三个变量(最简单,但不推荐)var a=3;var b=5;var t=a;b=a;b=t;console.log(a); //5console.log(b); //3二、使用位运算异或(只能进行数字的交换)公式: a^=b b^=a a^=b原创 2017-02-11 12:33:45 · 7857 阅读 · 1 评论 -
浅谈JavaScript--Array数组sort()排序方法与自定义比较器的使用
数组的排序的重要性不必多说,到处可见,现在来说说sort()方法的使用与自定义比较器sort()方法:默认将数组中的所有元素转为字符串后再排列(默认是升序),用来排列字符串类型的元素比如一个数组:var array=[3,5,7,6,1,4,2];array.sort();console.log(String(array)); //1,2,3,4,5,6,7原创 2017-02-11 14:22:44 · 10971 阅读 · 0 评论 -
JavaScript内置对象--Date类型详解
一、Date类型基本介绍ECMAScript中的Date类型是在早期Java中的java.util.Date类基础上构建的。为此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间) 1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日之前或之后的100000000原创 2017-02-03 15:44:15 · 1712 阅读 · 0 评论 -
JavaScript内置对象--Error类型详解
一、什么是错误处理?在介绍Error对象之前,先说说什么是错误处理。错误,指程序中非正常运行状态,在其他编程语言中称为"异常"或"错误",解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。通过使用JS提供的异常错误语句,可以用结构化的方式来捕捉发生的错误,让异常处理代码与核心业务代码实现分离,最终使我们能够集中精力编写主业务功能代码。简言之:在程序执行过程中,即使程序原创 2017-02-03 20:40:59 · 8189 阅读 · 1 评论 -
关于前端页面打印功能
项目开发中,都有一个这样的需求:当页面设计好后需要打印出来,如网页的的打印浏览和打印功能,有些公司需要让前端开发好页面打印出来或者转为pdf格式的文档如何实现??直接上例子 Insert title here function preview(oper){ if (oper <原创 2017-03-10 09:41:43 · 4351 阅读 · 0 评论 -
ajaxfileupload -- 一款不错的AJAX文件上传插件
网上非常多关于该插件的介绍,我这里简单介绍一下吧。(个人观点)ajaxfileupload插件主要是用ajax上传文件(图片)到服务器,通过插件创建的隐藏的表单和iframe来提交,然后获得返回值,它是一款jquery插件。语法:$.ajaxFileUpload([options]) options参数说明:1、url 上传处理程序地址。原创 2017-04-14 15:34:56 · 1866 阅读 · 0 评论 -
本地测试websocket连接通信案例
本文不对websocket作详细介绍,需要具体了解的童鞋请自己查资料。直接上图:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=ed...原创 2019-07-23 12:10:24 · 7494 阅读 · 2 评论