在 HTML 中,如果我們想要將一段代碼循環(huán)多次,可以借助 JavaScript 的循環(huán)語句實現(xiàn)。下面是一個例子:
<script> for(var i = 0; i < 5; i++) { document.write("Hello World!<br>"); } </script>上面的代碼使用 for 循環(huán)語句,將 “Hello World!” 這個字符串輸出到網(wǎng)頁上,重復了 5 次,每次輸出以換行結束。我們可以將這段代碼封裝到一個函數(shù)中,實現(xiàn)代碼的復用。
<script> function printHelloWorld() { for(var i = 0; i < 5; i++) { document.write("Hello World!<br>"); } } printHelloWorld(); </script>上面的代碼不僅實現(xiàn)了循環(huán)輸出 “Hello World!”,而且將它封裝到了一個函數(shù)中。我們只需要調用這個函數(shù),就能夠在任何地方重復利用這段代碼。 除了使用 JavaScript 的循環(huán)語句,我們還可以使用 HTML 的屬性,如 href、src、alt 等來重復展示某段代碼。比如:
<img src="example.jpg" alt="example" width="100" height="100"> <img src="example.jpg" alt="example" width="100" height="100"> <img src="example.jpg" alt="example" width="100" height="100"> <img src="example.jpg" alt="example" width="100" height="100"> <img src="example.jpg" alt="example" width="100" height="100">上面的代碼在網(wǎng)頁中展示了同一張圖片,使用了五次。這種方式比較適用于展示靜態(tài)內容,如果需要動態(tài)生成內容,還是建議使用 JavaScript 的循環(huán)語句。