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 相关文章推荐
一个很简单的办法实现TD的加亮效果.
Jun 29 Javascript
JavaScript 无符号右移运算符
Apr 17 Javascript
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
如何能分清npm cnpm npx nvm
Jan 17 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动态生成静态HTML网页的代码
2010/03/04 PHP
PHP学习笔记之一
2011/01/17 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
php实现socket推送技术的示例
2017/12/20 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
2017/07/02 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
分享Python文本生成二维码实例
2016/01/06 Python
Python使用gensim计算文档相似性
2016/04/10 Python
Python中MySQL数据迁移到MongoDB脚本的方法
2016/04/28 Python
Python模拟登陆实现代码
2017/06/14 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
nginx搭建基于python的web环境的实现步骤
2020/01/03 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
巴基斯坦购物网站:Goto
2019/03/11 全球购物
英国豪华家具和经典家居饰品购物网站:OKA
2020/06/05 全球购物
志愿者宣传口号
2014/06/17 职场文书
农村党建工作汇报材料
2014/10/27 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js