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 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
js实现图片轮播效果
Dec 19 Javascript
vue子组件使用自定义事件向父组件传递数据
May 27 Javascript
JS作用域链详解
Jun 26 Javascript
vue2中使用less简易教程
Mar 27 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 Javascript
Vue接口封装的完整步骤记录
May 14 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使用wordwrap格式化文本段落的方法
2015/03/17 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
php中的依赖注入实例详解
2019/08/14 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JS 毫秒转时间示例代码
2013/09/22 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
JavaScript实现动态留言板
2020/03/16 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
Python上下文管理器全实例详解
2019/11/12 Python
tensorflow -gpu安装方法(不用自己装cuda,cdnn)
2020/01/20 Python
golang/python实现归并排序实例代码
2020/08/30 Python
用python绘制樱花树
2020/10/09 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
大学生工作推荐信范文
2013/12/02 职场文书
行政副总岗位职责
2014/02/23 职场文书
房屋买卖协议书
2014/04/10 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
Golang: 内建容器的用法
2021/05/05 Golang
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android