2011-01-20 43 views
2
var x=5 
var char="Hi! 

有什麼辦法讓JS在char元素內寫入x次的內容嗎?如何寫一個變量一定的時間?

<span>Hyper guy wants to tell you 
<script> 
var x=5; 
var char="Hi!; 
document.write(char) and repeat x times; 
</script> 
</span> 

使用document.write的問題是它會擦除整個頁面,所以如何將其插入到上下文中?

回答

2

使用循環5次,每次添加'嗨!'到最後。

var x = 5; 
var char = ''; 
while (x--) { 
    char += 'Hi!'; 
} 
// write once 
document.write(char); 

或者,您也可以只是寫5次:

var x = 5; 
var char = 'Hi!'; 
while (x--) { 
    document.write(char); 
} 

給你你選擇哪一個,但我更喜歡第一個(越少,你惹的文件,效果更佳)。

+1

我更喜歡',而(X - )`在這樣 – 2011-01-20 07:10:06

1

試試這個:

<span>Hyper guy wants to tell you 
<script type="text/javascript"> 
var x=5; 
var c="Hi!"; //close the quotes. 
for (;x>=0;--x) 
    document.write(c); 
</script> 
</span> 

document.write(..)犯規擦除整個頁面的內容,如果以適當的方式使用。

0

真的嗎?我不確定你是否認爲它首先消除了頁面。

當我執行在FF3下面,添加以下Hi!缺少的結束引號之後:

<html> 
    <head></head> 
    <body> 
     <span> 
      Hyper guy wants to tell you 
      <script type="text/javascript"> 
       var x=5; 
       var chars="Hi! "; 
       var i; 
       for (i = 0; i < x; i++) document.write(chars); 
      </script> 
     </span> 
    </body> 
</html> 

我得到:

Hyper guy wants to tell you Hi! Hi! Hi! Hi! Hi! 
0

在要插入的頁面創建HTML元素text
使用document.getElementById獲取元素並使用.innerHTML .text屬性將文本追加到元素

http://www.tizag.com/javascriptT/javascript-innerHTML.php

例如:

//add this empty span in the HTML page 
<span id="newText"></span> 

<script type="text/javascript"> 
var x=5, count; 
var char='Hi!', resultString = ''; 
for(count=0;count<x;count++) 
{ 
resultString = resultString + char; 
} 
document.getElementById('newText').innerHTML = resultString; 
</script>