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

更新时间：2014年09月12日 11:10:20 投稿：shichen2014

这篇文章主要介绍了javascript在IE下trim函数无法使用的解决方法,分别叙述了javascript以及jQuery下的解决方案,对于WEB前端javascript设计人员进行浏览器兼容性调试有不错的借鉴价值,需要的朋友可以参考下

本文实例分析了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前端浏览器的兼容性设计有不错的借鉴价值。

您可能感兴趣的文章:

js 实现div拖拽拉伸完整示例
这篇文章主要为大家介绍了js 实现div拖拽拉伸完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
利用OpenAI ChatGPT进行编码尝试体验
这几天chatgpt可是非常火的,下面这篇文章主要给大家介绍了关于利用OpenAI ChatGPT进行编码尝试体验的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
今天小编就为大家分享一篇layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
Javascript oop设计模式面向对象编程简单实例介绍
这篇文章主要介绍了Javascript oop设计模式面向对象编程简单实例介绍的相关资料,这里附有实例代码帮助大家学习理解，需要的朋友可以参考下
2016-12-12
JavaScript canvas实现跟随鼠标事件
这篇文章主要为大家详细介绍了JavaScript canvas实现跟随鼠标事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
JS排序之冒泡排序详解
这篇文章主要为大家详细介绍了JS冒泡排序的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
JavaScript简单编程实例学习
在本篇文章里小编给大家整理的是关于JavaScript简单编程实例学习内容，有兴趣的朋友们可以参考下。
2020-02-02
利用JS判断鼠标移入元素的方向
本文对JS判断鼠标移入元素的方向的实现方法进行介绍，并分享了完整的示例代码，有需要的朋友可以看下
2016-12-12
JavaScript模板引擎原理与用法详解
这篇文章主要介绍了JavaScript模板引擎原理与用法,结合实例形式详细分析了javascript模版引擎相关概念、原理、定义及使用方法,需要的朋友可以参考下
2018-12-12
js 数组当前行添加数据方法详解
这篇文章主要介绍了js 数组当前行添加数据方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具