2017-10-19 54 views
-1

我是JavaScript新手,今天我正在嘗試我的第一個示例,如下面的代碼部分所示。我正在使用名爲「Free Javascript Editor」的編輯器。 當我運行代碼時,瀏覽器啓動並顯示標籤之間的文本,但字符串的長度從不顯示。如何在javascript中顯示字符串長度

我用錯了嗎?請讓我知道怎麼做是正確

LIB 編譯 'io.reactivex.rxjava2:rxjava:2.0.1' 編譯 'io.reactivex.rxjava2:rxandroid:2.0.1'

代碼

<html> 

<head> 

<title>Title of the home pahe</title> 

</head> 

<body> 

<script> 

var str = new string ("MyString"); 
str.length; 

</script> 


<h2>My First JavaScript</h2> 

</body> 

</html> 
+1

你不需要var str = new string(「xyz」)。只要做var str =「xyz」 – thedarkone

+2

使用[瀏覽器控制檯(開發工具)](https://webmasters.stackexchange.com/q/8525)(點擊'F12')並讀取任何錯誤。 'string'不存在;它不是一個函數,它不是一個構造函數。只需使用'var str =「MyString」;'。我甚至不知道你在哪裏得到這樣的想法,即你應該在JavaScript中定義這樣的字符串。另外,'str.length;'本身並不做任何事情。你需要顯示_somehow_。 – Xufox

+0

alert(str.length); – Amit

回答

3

使用onload事件,並把它放在js函數裏面。

<body onload="myFunction()"> 

    <script> 
     function myFunction() { 
      var str = ("MyString"); 
      var n = str.length; 
      document.getElementById("printlength").innerHTML = n; 
     } 
    </script>  

    <h2>My First JavaScript</h2> 
    <p id="printlength"></p> 

</body> 
1

腳本不是由瀏覽器呈現,僅執行。你可以,但是,做這樣的事情:

<html> 
 

 
<head> 
 

 
    <title>Title of the home pahe</title> 
 

 
</head> 
 

 
<body> 
 

 
    <h2>My First JavaScript</h2> 
 
    <p id="theLength"></p> 
 

 
    <script> 
 
    // No need to invoke the string constructor here. 
 
    var str = 'MyString'; 
 
    
 
    // Find our placeholder element and set the textContent property. 
 
    document.getElementById('theLength').textContent = str.length; 
 
    </script> 
 

 
</body> 
 

 
</html>

這是很好的做法,把你的腳本標記在body元素的結束 - 這樣所有的HTML的腳本之前應該呈現被執行。

+0

你能告訴我爲什麼你聲明 user2121

+0

'

'只是一個HTML段落元素 - 我們只是將它用作佔位符,放置字符串的長度。任何元素都可以用於此。 – UncleDave

0

改變了你的代碼,以這樣的:

<html>  
<head> 
<title>Title of the home pahe</title> 
</head> 
<body> 
<script> 

var str = "MyString"; 
console.log(str.length); 

</script> 
<h2>My First JavaScript</h2> 
</body> 
</html> 

然後,你必須尋找在輸出的開發者控制檯,這裏是如何:

+0

我試過console.log ...但是id沒有顯示任何東西 – user2121

+1

@ user2121打開控制檯。我在第一條評論中解釋瞭如何。 – Xufox

0

它必須是字符串,而不是字符串。下面的代碼工作。

var str = new String ("MyString"); 
str.length; 
1

使用document.createElement

var str = "MyString"; 
 
var p = document.createElement("p");   
 
p.textContent = str.length;        
 
document.body.appendChild(p);

1

您應該將字符串的長度賦值給一個變量。然後,你可以顯示它。

<span id="stringLength"></span> 
 
<script> 
 
    var str = "MyString"; 
 
    var length = str.length; 
 
    document.getElementById('stringLength').textContent = 'Length: ' + length; // Show length in page 
 
    console.log('Length: ' + length); // Show length in console 
 
    alert('Length: ' + length); // Show length as alert 
 
</script>