สัปดาห์นี้ฉันได้เรียนรู้พื้นฐานทางไวยากรณ์ของ 3 ส่วนของไคลเอนต์ XHTML, CSS และ JavaScript ครั้งแรก: เกี่ยวกับแอตทริบิวต์ XHTML (แท็ก) - 1. คุณสมบัติแบบฟอร์ม <form action = "form handler url" method = "gei/post">> 2. <id = "" name = ""> แอตทริบิวต์ทั้งสองนี้เป็นหมายเลขประจำตัวที่ไม่ซ้ำกันและความแตกต่างของชีวิตแบบฟอร์ม > ใน. 3. คุณสมบัติการควบคุม <put>, <elect> และ <pontion>, <textarea>; <อินพุต> เป็นตัวควบคุมที่แตกต่างจากคำจำกัดความของแอตทริบิวต์ประเภท ใช้สำหรับการควบคุมที่แตกต่างกันตามความต้องการที่แตกต่างกัน <Select> และ <petion> ใช้ร่วมกันเป็นเมนูแบบเลื่อนลงควบคุม รูปแบบพื้นฐาน: <select name = "" id = ""> <ตัวเลือกค่า = ""> xx </potion> </เลือก> <Textarea> ใช้เพื่อสร้างกล่องข้อความหลายบรรทัด 4. แอตทริบิวต์ที่ใช้กันทั่วไป: Font-Family: กำหนดรูปแบบตัวอักษรของหน้าทั้งหมด; > เส้นเปล่า & nbps; หนึ่งช่องว่าง ประการที่สอง: หน้าควบคุม CSS 1. กฎสไตล์: ในเค้าโครงโดยใช้สไตล์ CSS รูปแบบพื้นฐานมีดังนี้ ตัวเลือก { แอตทริบิวต์ 1: ค่า 1; แอตทริบิวต์ 2: ค่า 2; - - และเพิ่ม <style type = "text/css"> ถึง <head> </head> เพื่อเรียกฟังก์ชั่นที่เกี่ยวข้องกับ CSS 2. ตัวเลือก: ตัวเลือกองค์ประกอบตัวเลือกคลาสตัวเลือก ID ที่มีตัวเลือกตัวเลือกไวด์ตัวเลือก Pseudo-class และ Pseudo-Element (โปรดดูหนังสือ 54-56) 3. รูปแบบกฎตำแหน่ง: มี 3 รูปแบบทั้งหมด - การเข้าถึงแบบอินไลน์และฝังตัว Outreach คือการสร้างไฟล์. css ในไฟล์เดียวกับไฟล์หน้าสร้างแล้วเขียนรหัสแอตทริบิวต์การทำงานในรูปแบบของข้อความใน. css และในไฟล์หน้าใช้ <link rel = "stylesheet" type = "text/css" ref = "url ของ stylesheet"> ในการโทรวิธีนี้เหมาะสำหรับหลาย ๆ หน้าในการใช้สไตล์เดียวกัน Embed เป็นแอตทริบิวต์ CSS ที่ใช้กันทั่วไปนั่นคือเพิ่ม <style type = "text/css"> ถึง <head> </head> และใช้งาน ตัวเลือก { แอตทริบิวต์ 1: ค่า 1; แอตทริบิวต์ 2: ค่า 2; - - แบบฟอร์มนี้ใช้ Inline หมายถึงการใช้แอตทริบิวต์สไตล์หลังจากองค์ประกอบเพื่อทำเครื่องหมายสไตล์เมื่อแสดง โดยทั่วไปแท็ก HTML ส่วนใหญ่มีคุณสมบัติสไตล์ 4.CSS กล่องแม่พิมพ์และทับซ้อนกัน (1) มาร์จิ้น: ขอบชายแดน: ช่องว่างภายใน: ระยะห่างของชายแดน (ดูหนังสือ 53 สำหรับรายละเอียด) (2) หน่วยแอตทริบิวต์ CSS: (ดูคำแนะนำรายละเอียดเกี่ยวกับหน้า 57-65 ของหนังสือเล่มนี้) (3) เค้าโครงหน้า Div-CSS: นี่คือประเด็นไม่เพียง แต่แอตทริบิวต์ <bable> เท่านั้นที่สามารถจัดวางทั้งหน้าได้ แต่ <div> ที่ใช้กันทั่วไปนั้นสะดวกและรัดกุมกว่า ประการที่สาม: พื้นฐานไวยากรณ์และความก้าวหน้าของ JavaScript มีเพียง 3 คะแนนสำหรับอาจารย์: 1. <script type = "text/javaScript"> นี่เหมือนกับการเรียกแอตทริบิวต์ CSS Document.write ("Hello") เทียบเท่ากับความหมายของ C Printf ภาษา C และยังสามารถแทนที่ด้วยการแจ้งเตือน 2. ตัวจัดการเหตุการณ์: มี 4 จุดความรู้ในจุดนี้ซึ่งค่อนข้างมาก 3. ไวยากรณ์ขั้นสูง: นั่นคือเลือกคลาสที่คล้ายกับประเภทข้อมูลลูปการสั่งซื้อและการเลือกในภาษา C มีความแตกต่างเพียงเล็กน้อย: (1) กำหนดชนิดข้อมูลโดยไม่มีคำจำกัดความที่ชัดเจนเพียงใช้ var (2) การคำนวณข้อมูลประเภทต่าง ๆ ไม่ชัดเจนเท่ากับภาษา C (3) เพิ่มตัวดำเนินการสตริง 4. การเรียกใช้ฟังก์ชัน: นี่คล้ายกับภาษา C <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd " </body> คำถามนี้สรุปโดยใช้การโทรฟังก์ชั่นและทุกคนควรเข้าใจ - -! การบ้านของเรา ตกลงนี่เป็นบทสรุปของฉันในสัปดาห์นี้
<html xmlns = " http://www.w3.org/1999/xhtml " xml: lang = "en" lang = "en">
<head>
<title> JavaScript Sum </title>
<script type = "text/javascript">
ฟังก์ชั่น sum1 (m) {
var i, n = 1;
สำหรับ (i = 1; i <= m; i ++) {
n = 1/i*n;
-
กลับ n;
-
ฟังก์ชั่นผลรวม (n) {
var i, s = 0;
สำหรับ (i = 1; i <= n; i ++) {
s = s+sum1 (i);
-
การแจ้งเตือน;
-
</script>
</head>
<body>
<form action = "#" method = "get">
1+1/2! +1/3! +1/4! ...... 1/10! =
<อินพุต type = "button" value = "sum" onclick = "sum (10);"
</form>
</html>