.trim () w JavaScript nie działa w IE

Próbowałem zastosować .trim()ciąg znaków w jednym z moich programów JavaScript. Działa poprawnie pod Mozillą, ale błąd pojawia się, gdy próbuję go w IE8. Czy ktoś wie, co się tutaj dzieje? Czy w każdym razie mogę sprawić, by działało w IE?

kod:

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

wyświetlanie błędów:

Wiadomość: Obiekt nie obsługuje tej właściwości lub metody
Linia: 604
Char: 2
Kod: 0
URI: http: //test.localhost/test.js

Dodaj następujący kod, aby dodać funkcję przycinania do łańcucha.

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

Wygląda na to, że ta funkcja nie jest zaimplementowana w IE. Jeśli używasz jQuery, możesz użyć $.trim()zamiast tego ( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Ktoś używa, $("#mycomment").val().trim();ale to nie będzie działać w IE.

Niestety nie ma obsługi JavaScript w przeglądarce dla trim ().

Jeśli nie używasz jQuery (która ma metodę .trim ()), możesz użyć następujących metod, aby dodać obsługę przycinania do ciągów:

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

Jest to całkiem nowy dodatek do javascript i nie jest obsługiwany przez IE.

Miałem podobny problem, gdy próbowałem przyciąć wartość z danych wejściowych, a następnie zapytać, czy jest ona równa zeru:

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

Jednak to rzuciło kluczem w pracach dla IE6 - 8. Irytujące było, że starałem się go tak przerobić:

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

Jednak metoda przycinania jQuery działa dla mnie idealnie we wszystkich przeglądarkach.

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

Napisałem kod do implementacji funkcji przycinania.

LTRIM (wykończenie po lewej):

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

RTRIM (wykończenie po prawej):

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

WYKOŃCZENIE (przycinanie po obu stronach):

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

LUB

Dostępne jest również wyrażenie regularne, którego możemy użyć.

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

Przydatne wyjaśnienie

Możemy uzyskać oficjalny kod z Internetu! Zobacz to:

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

Uruchomienie następującego kodu przed jakimkolwiek innym kodem spowoduje utworzenie funkcji trim (), jeśli nie jest natywnie dostępna.

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, '');
    };
  })();
}

więcej: Właśnie znalazłem projekt js do obsługi EcmaScript 5: https://github.com/es-shims/es5-shim czytając kod źródłowy, możemy uzyskać więcej wiedzy na temat 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);

Nie sądzę, że istnieje natywna trim()metoda w standardzie JavaScript. Może Mozilla dostarcza jeden, ale jeśli chcesz go w IE, musisz go napisać sam. Na tej stronie znajduje się kilka wersji .

Miałem ten sam problem w IE9 Jednak kiedy zadeklarowałem obsługiwaną wersję HTML z następującym znacznikiem w pierwszym wierszu przed

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

Problem został rozwiązany.

Jest to spowodowane błędem literówka getElementBy ID . Zmień to na 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);
}

Właśnie dowiedziałem się, że IE przestaje obsługiwać trim(), prawdopodobnie po ostatniej aktualizacji systemu Windows. Jeśli używasz dojo, możesz go używać dojo.string.trim(), działa na wielu platformach.

Ten problem może być spowodowany przez IE korzystający z trybu zgodności w witrynach intranetowych. Istnieją dwa sposoby rozwiązania tego problemu: możesz zaktualizować IE, aby nie korzystał z trybu zgodności na komputerze lokalnym (w IE11: Narzędzia-> Ustawienia widoku zgodności -> Odznacz opcję Wyświetl witryny intranetowe w widoku zgodności)

Jeszcze lepiej możesz zaktualizować metatagi na swojej stronie. Dodać:

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

Co to znaczy? Mówi IE, aby używał najnowszego trybu zgodności. Więcej informacji jest dostępnych w MSDN: Określanie starszych trybów dokumentów