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

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. hdu 3405 world islands

    求删点后最小的生成树,n<50....数据好弱,直接暴力枚举就行...删点的时候直接g[i][j]=INF就行了. #include<iostream> #include<al ...

  2. OCP读书笔记(9) - 诊断数据库

    数据库恢复顾问 Data Recovery Advisor的命令行选项 1. 启动 RMAN 进程并连接到目标$ rman target=/ 2. 假设发生了某个错误,希望找出原因,使用 list f ...

  3. Codeforces Round #252 (Div. 2) B. Valera and Fruits(模拟)

    B. Valera and Fruits time limit per test 1 second memory limit per test 256 megabytes input standard ...

  4. filezilla安装

    [alexus@wcmisdlin02 bin]$ ./filezilla ./filezilla: /lib64/libstdc++.so.6: version `CXXABI_1.3.8' not ...

  5. hdu2845(dp)

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

  6. fzu2150(bfs)

    题目链接:http://acm.fzu.edu.cn/problem.php?pid=2150 题意:在任意两处点火,求最短时间烧光所有草堆. 分析:由于n,m比较小,将所有草堆坐标记录下来,然后暴力 ...

  7. hdu1267(递推)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1267 题意:假定一个字符串由m个H和n个D组成,从左到右扫描该串,如果字符H的累计数总是不小于字符D的 ...

  8. like-minded 都有什么意思_百度知道

    like-minded 都有什么意思_百度知道 like-minded 都有什么意思

  9. UVA 11090 - Going in Cycle!!(Bellman-Ford)

    UVA 11090 - Going in Cycle!! option=com_onlinejudge&Itemid=8&page=show_problem&category= ...

  10. CI控制器调用内部方法并加载对应模板的做法

    当我打开链接:http://localhost/3g/index/open/a/b? from=timeline后,推断链接中的from是否等于timeline,假设等于timeline.那么就调用控 ...