<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>九九乘法表</title> <style type="text/css"> ul,li{ margin: 0; padding: 0; list-style-type: none; } span{ display: inline-block; width: 100px; height: 30px; font-size: 16px; text-align: center; border: 1px solid green; line-height: 30px; } </style> </head> <body> <script type="text/javascript" src="js/jiujiu.js" ></script> </body> </html>
document.write('<ul>'); for(var i=1; i<10; i++){ document.write('<li>'); for(var j=1; j<=i; j++){ document.write('<span>' + j + '×' + i*j + '</span>'); } document.write('<li>'); } document.write('</ul>');