100个直接可以拿来用的JavaScript实用功能代码片段
、原生JavaScript实现字符串长度截取
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
2、原生JavaScript获取域名主机
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
3、原生JavaScript清除空格
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
4、原生JavaScript替换全部
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
5、原生JavaScript转义html标签
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
6、原生JavaScript还原html标签
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
7、原生JavaScript时间日期格式转换
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
8、原生JavaScript判断是否为数字类型
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
9、原生JavaScript设置cookie值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
10、原生JavaScript获取cookie值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
11、原生JavaScript加入收藏夹
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
12、原生JavaScript设为首页
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
13、原生JavaScript判断IE6
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
14、原生JavaScript加载样式文件
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
1 function LoadStyle(url) { 2 try { 3 document.createStyleSheet(url) 4 } catch(e) { 5 var cssLink = document.createElement('link'); 6 cssLink.rel = 'stylesheet'; 7 cssLink.type = 'text/css'; 8 cssLink.href = url; 9 var head = document.getElementsByTagName('head')[0]; 10 head.appendChild(cssLink) 11 } 12 }
15、原生JavaScript返回脚本内容
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
1 function evalscript(s) { 2 if(s.indexOf('<script') == -1) return s; 3 var p = /<script[^\>]*?>([^\x00]*?)<\/script>/ig; 4 var arr = []; 5 while(arr = p.exec(s)) { 6 var p1 = /<script[^\>]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i; 7 var arr1 = []; 8 arr1 = p1.exec(arr[0]); 9 if(arr1) { 10 appendscript(arr1[1], '', arr1[2], arr1[3]); 11 } else { 12 p1 = /<script(.*?)>([^\x00]+?)<\/script>/i; 13 arr1 = p1.exec(arr[0]); 14 appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1); 15 } 16 } 17 return s; 18 }
16、原生JavaScript清除脚本内容
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
17、原生JavaScript动态加载脚本文件
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
1 function appendscript(src, text, reload, charset) { 2 var id = hash(src + text); 3 if(!reload && in_array(id, evalscripts)) return; 4 if(reload && $(id)) { 5 $(id).parentNode.removeChild($(id)); 6 } 7 8 evalscripts.push(id); 9 var scriptNode = document.createElement("script"); 10 scriptNode.type = "text/javascript"; 11 scriptNode.id = id; 12 scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset); 13 try { 14 if(src) { 15 scriptNode.src = src; 16 scriptNode.onloadDone = false; 17 scriptNode.onload = function () { 18 scriptNode.onloadDone = true; 19 JSLOADED[src] = 1; 20 }; 21 scriptNode.onreadystatechange = function () { 22 if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) { 23 scriptNode.onloadDone = true; 24 JSLOADED[src] = 1; 25 } 26 }; 27 } else if(text){ 28 scriptNode.text = text; 29 } 30 document.getElementsByTagName('head')[0].appendChild(scriptNode); 31 } catch(e) {} 32 }
18、原生JavaScript返回按ID检索的元素对象
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
19、原生JavaScript返回浏览器版本内容
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
20、原生JavaScript元素显示的通用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
22、原生JavaScript中兼容浏览器绑定元素事件
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
23、原生JavaScript光标停在文字的后面,文本框获得焦点时调用
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
24、原生JavaScript检验URL链接是否有效
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
25、原生JavaScript格式化CSS样式代码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
26、原生JavaScript压缩CSS样式代码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
27、原生JavaScript获取当前路径
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
28、原生JavaScriptIP转成整型
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
29、原生JavaScript整型解析为IP地址
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
30、原生JavaScript实现checkbox全选与全不选
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
31、原生JavaScript判断是否移动设备
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
32、原生JavaScript判断是否移动设备访问
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
33、原生JavaScript判断是否苹果移动设备访问
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
34、原生JavaScript判断是否安卓移动设备访问
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
35、原生JavaScript判断是否Touch屏幕
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
36、原生JavaScript判断是否在安卓上的谷歌浏览器
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
37、原生JavaScript判断是否打开视窗
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
38、原生JavaScript获取移动设备初始化大小
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
39、原生JavaScript获取移动设备最大化大小
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
40、原生JavaScript获取移动设备屏幕宽度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
41、原生JavaScript完美判断是否为网址
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
42、原生JavaScript根据样式名称检索元素对象
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
43、原生JavaScript判断是否以某个字符串开头
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
44、原生JavaScript判断是否以某个字符串结束
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
45、原生JavaScript返回IE浏览器的版本号
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
46、原生JavaScript获取页面高度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
47、原生JavaScript获取页面scrollLeft
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
48、原生JavaScript获取页面可视宽度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
49、原生JavaScript获取页面宽度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
50、原生JavaScript获取页面scrollTop
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
51、原生JavaScript获取页面可视高度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
52、原生JavaScript跨浏览器添加事件
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
53、原生JavaScript跨浏览器删除事件
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
54、原生JavaScript去掉url前缀
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
55、原生JavaScript随机数时间戳
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
57、原生JavaScript确认是否键盘有效输入值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
58、原生JavaScript获取网页被卷去的位置
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
59、原生JavaScript另一种正则日期格式化函数+调用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
60、原生JavaScript时间个性化输出功能
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
61、原生JavaScript解决offsetX兼容性问题
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
62、原生JavaScript常用的正则表达式
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
63、原生JavaScript实现返回顶部的通用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
64、原生JavaScript获得URL中GET参数值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
65、原生JavaScript实现全选通用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
66、原生JavaScript实现全部取消选择通用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
67、原生JavaScript实现打开一个窗体通用方法
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
68、原生JavaScript判断是否为客户端设备
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
69、原生JavaScript获取单选按钮的值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
70、原生JavaScript获取复选框的值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
71、原生JavaScript判断是否为邮箱
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
72、原生JavaScript判断是否有列表中的危险字符
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
73、原生JavaScript判断字符串是否大于规定的长度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
74、原生JavaScript判断字符串是为网址不区分大小写
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
75、原生JavaScript判断字符串是否为小数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
76、原生JavaScript判断字符串是否为整数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
77、原生JavaScript判断字符串是否为浮点数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
78、原生JavaScript判断字符是否为A-Za-z英文字母
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
79、原生JavaScript判断字符串是否邮政编码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
80、原生JavaScript判断字符是否空NULL
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
81、原生JavaScript用正则表达式提取页面代码中所有网址
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
82、原生JavaScript用正则表达式清除相同的数组(低效率)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
83、原生JavaScript用正则表达式清除相同的数组(高效率)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
85、原生JavaScript字符串反序
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
86、原生JavaScript用正则表达式清除html代码中的脚本
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
87、原生JavaScript动态执行JavaScript脚本
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
88、原生JavaScript动态执行VBScript脚本
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
89、原生JavaScript实现金额大写转换函数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
90、原生JavaScript常用的正则表达式大收集
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
92、原生JavaScript用正则清除空格分左右
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
93、原生JavaScript判断变量是否空值
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
94、原生JavaScript实现base64解码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
95、原生JavaScript实现utf8解码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
96、原生JavaScript获取窗体可见范围的宽与高
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
97、原生JavaScript判断IE版本号(既简洁、又向后兼容!)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
98、原生JavaScript获取浏览器版本号
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
99、原生JavaScript半角转换为全角函数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
100、原生JavaScript全角转换为半角函数
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)