首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的。把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率。
 

1、原生JavaScript实现字符串长度截取

复制代码 代码如下:
function cutstr(str, len) {     var temp;     var icount = 0;     var patrn = /[^\x00-\xff]/;     var strre = "";     for (var i = 0; i < str.length; i++) {         if (icount < len - 1) {             temp = str.substr(i, 1);             if (patrn.exec(temp) == null) {                 icount = icount + 1             } else {                 icount = icount + 2             }             strre += temp         } else {             break         }     }     return strre + "..." }

2、原生JavaScript获取域名主机

复制代码 代码如下:
function getHost(url) {     var host = "null";     if(typeof url == "undefined"|| null == url) {         url = window.location.href;     }     var regex = /^\w+\:\/\/([^\/]*).*/;     var match = url.match(regex);     if(typeof match != "undefined" && null != match) {         host = match[1];     }     return host; }

3、原生JavaScript清除空格

复制代码 代码如下:
String.prototype.trim = function() {     var reExtraSpace = /^\s*(.*?)\s+$/;     return this.replace(reExtraSpace, "$1") }

4、原生JavaScript替换全部

复制代码 代码如下:
String.prototype.replaceAll = function(s1, s2) {     return this.replace(new RegExp(s1, "gm"), s2) }

5、原生JavaScript转义html标签

复制代码 代码如下:
function HtmlEncode(text) {     return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>') }

6、原生JavaScript还原html标签

复制代码 代码如下:
function HtmlDecode(text) {     return text.replace(/&/g, '&').replace(/"/g, '\"').replace(/</g, '<').replace(/>/g, '>') }

7、原生JavaScript时间日期格式转换

复制代码 代码如下:
Date.prototype.Format = function(formatStr) {     var str = formatStr;     var Week = ['日', '一', '二', '三', '四', '五', '六'];     str = str.replace(/yyyy|YYYY/, this.getFullYear());     str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));     str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));     str = str.replace(/M/g, (this.getMonth() + 1));     str = str.replace(/w|W/g, Week[this.getDay()]);     str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());     str = str.replace(/d|D/g, this.getDate());     str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());     str = str.replace(/h|H/g, this.getHours());     str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());     str = str.replace(/m/g, this.getMinutes());     str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());     str = str.replace(/s|S/g, this.getSeconds());     return str }

8、原生JavaScript判断是否为数字类型

复制代码 代码如下:
function isDigit(value) {     var patrn = /^[0-9]*$/;     if (patrn.exec(value) == null || value == "") {         return false     } else {         return true     } }

9、原生JavaScript设置cookie值

复制代码 代码如下:
function setCookie(name, value, Hours) {     var d = new Date();     var offset = 8;     var utc = d.getTime() + (d.getTimezoneOffset() * 60000);     var nd = utc + (3600000 * offset);     var exp = new Date(nd);     exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);     document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;" }

10、原生JavaScript获取cookie值

复制代码 代码如下:
function getCookie(name) {     var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));     if (arr != null) return unescape(arr[2]);     return null }

原生javascript学习的更多相关文章

  1. 原生 javascript 学习之 js变量

    1.变量的命名 方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则 首字符 英文字母或下划线 ...

  2. javascript学习-原生javascript的小特效(原生javascript实现链式运动)

    以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE ...

  3. javascript学习-原生javascript的小特效(多个运动效果整理)

    以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE ...

  4. 浅谈 原生javaScript&&react 实现全局触摸按钮(附带对addeventlistener的了解)

    1.采用原生javaACript 实现全局触摸按钮 首先在控制台输出,观察事件有哪些关于触摸的字段可以使用,然后拿这些字段的数据开始来写方法. 因为要做的是全局触摸按钮,我需要拿到的是按钮时时的坐标位 ...

  5. HTMl5/CSS3/Javascript 学习推荐资源

    HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/ ...

  6. JavaScript学习总结-技巧、有用函数、简洁方法、编程细节

    整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159 ...

  7. 10个原生JavaScript技巧

    这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作 ...

  8. 原生javascript与jquery 的比较

    JavaScript的优点和缺点: 优点: 性能:由于JavaScript运行在客户端,节省了web服务器的请求时间和带宽 轻量级的脚本语言,比较容易学习 运行在用户机器上,运行结果和处理相对比较快. ...

  9. 抛弃jQuery,拥抱原生JavaScript

    前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...

随机推荐

  1. java多线程:ReentrantReadWriteLock读写锁使用

    Lock比传统的线程模型synchronized更多的面向对象的方式.锁和生活似,应该是一个对象.两个线程运行的代码片段要实现同步相互排斥的效果.它们必须用同一个Lock对象. 读写锁:分为读锁和写锁 ...

  2. Java中的工具类和新特性

    1:Collections集合框架工具类: /* 集合框架的工具类. Collections:集合框架的工具类.里面定义的都是静态方法. Collections和Collection有什么差别? Co ...

  3. hdu2845(dp)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2845 题意:给你一个n*m的矩阵,每个位置有一定数量的豆子,如果你去map[x][y]位置上的豆子,则 ...

  4. Starling开发微信打灰机(一)

    Starling是一个开源的flash游戏开发框架,它能使用flash player 11的gpu加速来使得游戏更加流畅,同事它也支持手机触摸事件,开发者也能用它很轻易地开发手机小游戏. 更多star ...

  5. Xtext什么

    在Xtext官方网站是这么说的 "Building your own domain-specific languages has never been so easy. Just put y ...

  6. Photon + Unity3D 在线游戏开发 学习笔记(两)

    本文和大家 和大家说说 Photon 解压后的目录结构 这里面最基本的我们 以后开发要用到的目录 就是  deploy目录,这个目录里 放的是要挂载的 server 当然我们的 server端也要放在 ...

  7. ServiceCallSite

    ServiceCallSite 通过上一篇的介绍我们应该对实现在ServiceProvider的总体设计有了一个大致的了解,但是我们刻意回避一个重要的话题,即服务实例最终究竟是采用何种方式提供出来的. ...

  8. Python的Tkinter将窗口置顶

    root = Tk()root.wm_attributes('-topmost',1)

  9. .net数据根据字段进行分类(linq语句)

    var items = List<实体>; var models = items.GroupBy(r => r.分类字段).ToDictionary(d => d.Key, d ...

  10. Knockout应用开发指南 第三章:绑定语法(3)

    原文:Knockout应用开发指南 第三章:绑定语法(3) 12   value 绑定 目的 value绑定是关联DOM元素的值到view model的属性上.主要是用在表单控件<input&g ...