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 相关文章推荐
子窗体与父窗体传值示例js代码
Aug 01 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
js获取ip和地区
Mar 10 Javascript
JavaScript数据结构之二叉树的删除算法示例
Apr 13 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
Nov 18 Javascript
vue如何在data中引入图片的正确路径
Jun 05 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创建动态图像
2006/10/09 PHP
php数组一对一替换实现代码
2012/08/31 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
js简单的分页器插件代码实例
2019/09/11 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
详解python持久化文件读写
2019/04/06 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
亚马逊印度站:Amazon.in
2017/10/15 全球购物
药物学专业学生的自我评价
2013/10/27 职场文书
班组长工作职责
2013/12/25 职场文书
乡下人家教学反思
2014/02/01 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
驾驶员培训方案
2014/05/01 职场文书
党代会心得体会
2014/09/04 职场文书
社区安置帮教工作总结2015
2015/05/20 职场文书
消费者理赔投诉书
2015/07/02 职场文书
小学运动会通讯稿
2015/07/18 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js
解决Pytorch中关于model.eval的问题
2021/05/22 Python
Java实现房屋出租系统详解
2021/10/05 Java/Android
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS