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 相关文章推荐
window.location.hash 属性使用说明
Mar 20 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
js多个物体运动功能实例分析
Dec 20 Javascript
详解webpack解惑:require的五种用法
Jun 09 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
js实现点击选项置顶动画效果
Aug 25 Javascript
如何用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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
PHP 函数语法介绍一
2009/06/14 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
AngularJS HTML编译器介绍
2014/12/06 Javascript
JavaScript 浏览器对象模型BOM使用介绍
2015/04/13 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
微信小程序template模板实例详解
2017/10/27 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python的lambda匿名函数的简单介绍
2013/04/25 Python
一个超级简单的python web程序
2014/09/11 Python
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
python如何支持并发方法详解
2020/07/25 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
TCP/IP的分层模型
2013/10/27 面试题
文职个人求职信范文
2013/09/23 职场文书
英文自荐信
2013/12/19 职场文书
护士感人事迹
2014/05/01 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
交通安全横幅标语
2014/10/07 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书