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 相关文章推荐
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
详解AngularJS中的依赖注入机制
Jun 17 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 Javascript
vue实现购物车的小练习
Dec 21 Vue.js
vue2的 router在使用过程中遇到的一些问题
Apr 13 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
关于时间计算的结总
2006/12/06 PHP
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
关于php循环跳出的问题
2013/07/01 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
python 上下文管理器使用方法小结
2017/10/10 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
Python之变量类型和if判断方式
2020/05/05 Python
python和go语言的区别是什么
2020/07/20 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
家长给孩子的表扬信
2014/01/17 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
2016国培学习心得体会
2016/01/08 职场文书
python中pymysql包操作数据库方法
2022/04/19 Python