百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> ie7/8报错:对象不支持“trim”属性或方法
分享文章到:

ie7/8报错:对象不支持“trim”属性或方法

发布时间:01/15 来源: 浏览: 关键词:
今天在使用jquery中的确trim属性时,:$(‘input[type=\'text\']:eq(0)‘).val().trim() ,在ie7/8报错:对象不支持“trim”属性或方法,下面我来给大家介绍一下解决办法。

解决方法:

方法1:

使用jquery里面的全局函数$.trim()代替原生js方法trim():$.trim($("input[type='text']:eq(0)").val().trim());

方法2:

使用原生js来扩展String方法

1.写成类的方法:[   调用格式: str.trim();   ]

 代码如下

<script type="text/javascript">

Function.prototype.method = function(name, func) {

  this.prototype[name] = func;

  return this;

};

if(String.prototype.trim){ //判断下浏览器是否自带有trim()方法

String.method('trim', function() {

return this.replace(/^s+|s+$/g, '');

});

String.method('ltrim', function() {

return this.replace(/^s+/g, '');

});

String.method('rtrim', function() {

return this.replace(/s+$/g, '');

});

</script>


例子

 代码如下

<input id="demo" type="" value="      左右有空格        " /> <a href="javascript:;" onclick="test();">点击去除空格</a> <script type="text/javascript">
 Function.prototype.method = function(name, func) {
   this.prototype[name] = func;
   return this;
 };
 if(!String.prototype.trim){ //判断下浏览器是否自带有trim()方法
 String.method('trim', function() {
 return this.replace(/^s+|s+$/g, '');
 });
 String.method('ltrim', function() {
 return this.replace(/^s+/g, '');
 });
 String.method('rtrim', function() {
 return this.replace(/s+$/g, '');
 });
 }
 //测试调用方法: trim()
 document.getElementById("demo").select();
 var str=document.getElementById("demo").value;
 function test(){
 document.getElementById("demo").value=str.trim(); //可换成str.ltrim() 或 str.rtrim()
 document.getElementById("demo").select();
 }
</script>

解决方法二

写成函数:[     调用格式: trim(str)   ]

 代码如下

<script type="text/javascript">

 function trim(str){ //删除左右两端的空格  

     return str.replace(/(^s*)|(s*$)/g, "");

   }

   function ltrim(str){ //删除左边的空格

       return str.replace(/(^s*)/g,"");

   }

   function rtrim(str){ //删除右边的空格

       return str.replace(/(s*$)/g,"");

   }

</script>

实例

 代码如下

 

 <input id="demo" type="" value="      左右有空格        " /> <a href="javascript:;" onclick="test();">点击去除空格</a> <script type="text/javascript">
  function trim(str){ //删除左右两端的空格  
      return str.replace(/(^s*)|(s*$)/g, "");
   }
   function ltrim(str){ //删除左边的空格
       return str.replace(/(^s*)/g,"");
   }
   function rtrim(str){ //删除右边的空格
       return str.replace(/(s*$)/g,"");
   }
 //测试调用方法: trim()
 document.getElementById("demo").select();
 var str=document.getElementById("demo").value;
 function test(){
 document.getElementById("demo").value=trim(str); //可换成str.ltrim() 或 str.rtrim()
 document.getElementById("demo").select();
 }
</script>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板