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 相关文章推荐
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
Aug 14 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
详解vuex结合localstorage动态监听storage的变化
May 03 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 Javascript
javascript 代码是如何被压缩的示例代码
May 06 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
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
PHP使用递归生成文章树
2015/04/21 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
Google 地图叠加层实例讲解
2016/08/06 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
python文件的md5加密方法
2016/04/06 Python
numpy中索引和切片详解
2017/12/15 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
如何利用python生成MD5并去重
2020/12/07 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
英国天然保健品网站:Simply Supplements
2017/03/22 全球购物
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
运动会解说词200字
2014/02/06 职场文书
生产文员岗位职责
2014/04/05 职场文书
本科生自荐信
2014/06/18 职场文书
党支部对照检查材料
2014/08/25 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers