ทุกคนที่เรียนรู้การเขียนโปรแกรมได้เขียน "HelloWorld"
แต่ฉันคิดว่าตารางการคูณ 99 ควรกลายเป็นโปรแกรมที่ต้องใช้สำหรับการเริ่มต้นการเขียนโปรแกรมทุกครั้ง
นี่คือวิธีการใช้งาน JavaScript ซึ่งเหมาะสำหรับผู้เริ่มต้น! - -
ต่อไปนี้เป็นรหัสและความคิดเห็น
<! doctype html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> javaScript Nine-Nine Multiplication Table </title> // คุณสมบัติความสูงของตารางสามารถตั้งค่าหรือไม่ขอแนะนำไม่ให้ตั้งค่าการล่มสลายของเส้นขอบ: แยก; } ตาราง td {border:#000000 1px solid; TEXT-ALIGN: CENTER; // เนื้อหาในแท็ก <td> สามารถอยู่กึ่งกลางได้หรือไม่ หากเป็นแท็ก <th> สามารถอยู่ตรงกลางโดยอัตโนมัติโดยไม่มีรหัสบรรทัดนี้} </style> </head> <body> <script type = "text/javascript"> // ส่วนต่อไปนี้เป็น core code document.write ("<table>"); // <table> </bable> เพิ่มรูปแบบตารางเพื่อแสดงตารางการคูณสำหรับ (var x = 1; x <= 9; x ++) {document.write ("<tr>"); // <tr> </tr> แท็กสำหรับ (var y = 1; y <= x; y ++) {document.write ("<td>"+y+"x"+x+"="+y*x+"</td>"); } document.write ("</table>"); </script> </body> </html>ด้านล่างคือรหัสข้างต้นบางส่วน
• <bable> แท็กกำหนดตาราง!
<tr> - กำหนดแถวตาราง
<th> - กำหนดส่วนหัวของตาราง
<td> - กำหนดองค์ประกอบตาราง (ข้อมูลเฉพาะของตาราง)
Border = "" คุณสมบัติสามารถตั้งค่าขอบของตาราง!
อักขระใน <th> จะแสดงเป็นตัวหนาและตรงกลางโดยค่าเริ่มต้น!
bgColor = "" เป็นสิ่งที่ฉันคุ้นเคยกับการตั้งค่าสีพื้นหลังของตาราง!
• cellspacing = "" และ cellspadding = "" เป็นระยะห่างระหว่างตารางและระยะห่างในเซลล์! แต่แท็กทั้งสองถูกลบออกโดย HTML5 และแทนที่ด้วยการล่มสลายของเส้นขอบ: แยก | ล่มสลาย | สืบทอด
| แยก | ค่าเริ่มต้น เส้นขอบจะถูกแยกออก คุณสมบัติระยะห่างของชายแดนและเซลล์ว่างไม่ได้ถูกเพิกเฉย |
| ทรุด | ถ้าเป็นไปได้เส้นขอบจะถูกรวมเข้ากับชายแดนเดียว คุณสมบัติระยะห่างระหว่างเส้นขอบและเซลล์เปล่าจะถูกละเว้น |
| สืบทอด | ระบุว่าค่าของแอตทริบิวต์การล่มสลายของเส้นขอบควรได้รับการสืบทอดจากองค์ประกอบหลัก |
ตัวอย่างง่าย ๆ ข้างต้นของ JavaScript ที่ใช้ตารางการคูณ 99 เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น