.trim () в JavaScript не работает в IE

Я пытался подать заявку .trim() к строке в одной из моих программ JavaScript. Он работает нормально под Mozilla, но появляется ошибка, когда я пытаюсь сделать это в IE8. Кто-нибудь знает, что здесь происходит? Есть ли в любом случае я могу заставить его работать в IE?

код:

var ID = document.getElementByID('rep_id').value.trim();

отображение ошибки:

Сообщение: объект не поддерживает это свойство или метод
Линия: 604
Char: 2
Код: 0
URI: http: //test.localhost/test.js

Добавьте следующий код, чтобы добавить функциональность обрезки в строку.

if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, ''); 
  }
}

Похоже, что эта функция не реализована в IE. Если вы используете jQuery, вы можете использовать $.trim()вместо этого ( http://api.jquery.com/jQuery.trim/ ).

JQuery:

$.trim( $("#mycomment").val() );

Кто-то использует, $("#mycomment").val().trim();но это не будет работать на IE.

К сожалению, нет кросс-браузерной поддержки JavaScript для trim ().

Если вы не используете jQuery (у которого есть метод .trim ()), вы можете использовать следующие методы для добавления поддержки обрезки строк:

String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
    return this.replace(/\s+$/,"");
}

https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Objects/String/Trim

Это довольно недавнее дополнение к javascript, и оно не поддерживается IE.

У меня была похожая проблема при попытке обрезать значение на входе, а затем спросить, было ли оно равно нулю:

if ($(this).val().trim() == "")

Однако это бросило гаечный ключ в работах для IE6 - 8. Достаточно досадно, но я попытался изменить это так:

   var originalValue = $(this).val();

Тем не менее, используя метод обрезки JQuery, отлично работает для меня во всех браузерах ..

var originalValueTrimmed = $.trim($(this).val());              
            if (originalValueTrimmed  == "") { ... }

Я написал некоторый код для реализации функциональности обрезки.

LTRIM (отделка слева):

function ltrim(s)
{
    var l=0;
    while(l < s.length && s[l] == ' ')
    {   l++; }
    return s.substring(l, s.length);
} 

RTRIM (обрезка справа):

function rtrim(s)
{
    var r=s.length -1;
    while(r > 0 && s[r] == ' ')
    {   r-=1;   }
    return s.substring(0, r+1);
 }

TRIM (обрезать обе стороны):

function trim(s)
{
    return rtrim(ltrim(s));
}

ИЛИ

Также доступно регулярное выражение, которое мы можем использовать.

function trimStr(str) {
  return str.replace(/^\s+|\s+$/g, '');
}

Полезное объяснение

Мы можем получить официальный код из Интернета! Порекомендуйте это:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim

Выполнение следующего кода перед любым другим кодом создаст trim (), если он не доступен изначально.

if (!String.prototype.trim) {
  (function() {
    // Make sure we trim BOM and NBSP
    var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
    String.prototype.trim = function() {
      return this.replace(rtrim, '');
    };
  })();
}

для большего: я только что обнаружил, что есть проект js для поддержки EcmaScript 5: https://github.com/es-shims/es5-shim , читая исходный код, мы можем получить больше знаний о trim.

defineProperties(StringPrototype, {
 // http://blog.stevenlevithan.com/archives/faster-trim-javascript
 // http://perfectionkills.com/whitespace-deviations/
  trim: function trim() {
    if (typeof this === 'undefined' || this === null) {
      throw new TypeError("can't convert " + this + ' to object');
    }
    return String(this).replace(trimBeginRegexp, '').replace(trimEndRegexp, '');
  }
}, hasTrimWhitespaceBug);

Я не думаю, что есть trim()стандартный метод в стандарте JavaScript. Может быть, Mozilla поставляет один, но если вы хотите один в IE, вам нужно написать его самостоятельно. На этой странице есть несколько версий .

У меня была та же проблема в IE9 Однако, когда я объявил поддерживаемую версию HTML со следующим тегом в первой строке перед

<!DOCTYPE html>
<HTML>
<HEAD>...
.
.

Проблема была решена.

Это из-за ошибки опечатки getElementBy ID . Измените его на getElementById

var res = function(str){
    var ob; var oe;
    for(var i = 0; i < str.length; i++){
        if(str.charAt(i) != " " && ob == undefined){ob = i;}
        if(str.charAt(i) != " "){oe = i;}
    }
    return str.substring(ob,oe+1);
}

Просто обнаружил, что IE перестает поддерживать trim(), вероятно, после недавнего обновления Windows. Если вы используете Dojo, вы можете использовать dojo.string.trim(), он работает кроссплатформенно.

Эта проблема может быть вызвана тем, что IE использует режим совместимости на сайтах интрасети. Есть два способа решения этой проблемы: вы можете либо обновить IE, чтобы не использовать режим совместимости на локальном компьютере (в IE11: Инструменты-> Настройки просмотра совместимости -> Снимите флажок Отображать сайты интрасети в представлении совместимости)

А еще лучше, вы можете обновить мета-теги на своей веб-странице. Добавить в:

...
<head>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
...

Что это значит? Это говорит IE, чтобы использовать последний режим совместимости. Более подробная информация доступна в MSDN: Указание устаревших режимов документов