.trim () у JavaScript не працює в IE

Я спробував застосувати .trim()рядок в одній із моїх програм JavaScript. У Mozilla він працює добре, але з’являється помилка, коли я спробую це в IE8. Хтось знає, що тут відбувається? Чи все-таки я можу змусити його працювати в IE?

код:

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

відображення помилок:

Повідомлення: Об'єкт не підтримує цю властивість чи метод
Рядок: 604
Чар: 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

Запуск наступного коду перед тим, як будь-який інший код створить обрізку (), якщо він не доступний у початковому режимі.

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 , прочитавши вихідний код, ми можемо отримати більше знань про обробку.

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: Вказання застарілих режимів документування