javascript在IE下trim函数无法使用的解决方法


Posted in Javascript onSeptember 12, 2014

本文实例分析了javascript在IE下trim函数无法使用的解决方法,对于web前段设计有一定的借鉴价值。具体分析如下:

首先,javascript的trim函数在firefox下面使用没有问题:

<script language="javascript"> 
 var test1 = "  aa  "; 
 test1 = test1.toString(); 
 test1 = test1.trim(); 
</script>

在火狐下这样用没有问题, 但是在IE下就报错!

对此,我们可以修改一下:

String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}

在头上加上这一句,上面的就可以在IE和FF下都可以运行了:

<script language="javascript"> 
 String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");} 
 var test1 = "  aa  "; 
 test1 = test1.toString(); 
 test1 = test1.trim(); 
</script>

JQuery提供的方法:

<!DOCTYPE html>  
<html>  
<head>  
 <script src="http://code.jquery.com/jquery-latest.js"></script>  
</head>  
<body>  
 <button>Show Trim Example</button>  
<script>  
$("button").click(function () {  
var str = "   lots of spaces before and after   ";  
alert("'" + str + "'");  
str = jQuery.trim(str);  
alert("'" + str + "' - no longer");  
});  
</script>  
</body>  
</html>

相信本文所述对大家利用javascript进行WEB前端浏览器的兼容性设计有不错的借鉴价值。

Javascript 相关文章推荐
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
jquery实现的伪分页效果代码
Oct 29 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
在vue中使用jointjs的方法
Mar 24 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
如何用JavaScript定义一个类
Sep 12 #Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 #Javascript
jquery根据锚点offset值实现动画切换
Sep 11 #Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 #Javascript
js通过location.search来获取页面传来的参数
Sep 11 #Javascript
Javascript中设置默认参数值示例
Sep 11 #Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 #Javascript
You might like
PHP 命名空间实例说明
2011/01/27 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
WEEX环境搭建与入门详解
2019/10/16 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
让 python 命令行也可以自动补全
2014/11/30 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
django fernet fields字段加密实践详解
2019/08/12 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
internal修饰符起什么作用
2013/12/16 面试题
会计电算化专业毕业生自荐信
2013/12/20 职场文书
教师专业自荐书范文
2014/02/10 职场文书
会议邀请函
2015/01/30 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
Pycharm连接远程服务器并远程调试的全过程
2021/06/24 Python