สัปดาห์นี้ เราจะเรียนรู้สามส่วนของไคลเอนต์ ซึ่งเป็นพื้นฐานทางไวยากรณ์ของ xhtml, css และ javascript
ประการแรก: เกี่ยวกับคุณลักษณะ (เครื่องหมาย) ของ xhtml -
1. คุณลักษณะของแบบฟอร์ม <form action="form handler url" method="gei/post">
2. <id="" name="">คุณลักษณะทั้งสองนี้ มันคือ หมายเลขประจำตัวที่ไม่ซ้ำกันและความแตกต่างของชื่อแบบฟอร์ม จากการบ้านส่วนตัวของฉันและการใช้งานในสัปดาห์นี้ ส่วนใหญ่จะใช้ในการควบคุมเช่น <form> <input>
3. คุณลักษณะการควบคุม <input>, <select> และ <option>, <textarea>
เป็นตัวควบคุมที่กำหนดแตกต่างจากแอตทริบิวต์ type มีทั้งหมด 10 ประเภท รวมถึงกล่องข้อความ, เลือกได้หลายรายการ, การเลือกวิทยุ และกล่องรหัสผ่าน ส่งและยกเลิก ฯลฯ ใช้สำหรับการควบคุมที่แตกต่างกันตามความต้องการที่แตกต่างกัน
<select> และ <option> ใช้ร่วมกันเพื่อควบคุมเมนูแบบเลื่อนลง รูปแบบพื้นฐาน:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> ใช้เพื่อสร้างกล่องข้อความหลายบรรทัด
4. แอตทริบิวต์คำจำกัดความที่ใช้กันทั่วไป: ตระกูลแบบอักษร: กำหนดรูปแบบตัวอักษรของทั้งหน้า; ขนาดตัวอักษร: ขนาดตัวอักษร; ความกว้าง: ความสูง: ความสูง; colspan: ""จำนวนคอลัมน์ที่ผสาน; />บรรทัดว่าง&nbps ;ช่องว่าง
ที่สอง: การควบคุม css หน้า
1. กฎสไตล์: ในการใช้เค้าโครงสไตล์ css รูปแบบพื้นฐานจะเป็นดังนี้
ตัวเลือก {
คุณลักษณะ 1: ค่า 1;
คุณลักษณะ
2
: ค่า 2
;
ใน <head > การเพิ่ม <style type="text/css"> ลงใน </head> จะเรียกใช้ฟังก์ชันที่เกี่ยวข้องกับ css
2. ตัวเลือก: ตัวเลือกองค์ประกอบ, ตัวเลือกคลาส, ตัวเลือก id, ตัวเลือกการรวม, ตัวเลือกไวด์การ์ด และตัวเลือกหลอก Class และ pseudo- ตัวเลือกองค์ประกอบ (สำหรับฟังก์ชั่นและการใช้งานตัวเลือกแต่ละตัว โปรดดูเล่ม 54-56)
3. ตำแหน่งกฎสไตล์:
มีทั้งหมด 3 รูปแบบ - ภายนอก, อินไลน์ และฝังตัว
การเชื่อมต่อภายนอกคือการสร้างไฟล์ .css ในไฟล์ระดับเดียวกันกับไฟล์เพจที่สร้างขึ้น จากนั้นเขียนโค้ดแอตทริบิวต์ที่มีประสิทธิภาพในรูปแบบข้อความใน .css
และมันถูกเรียก
ด้วย <link rel="stylesheet" type="text/css" ref="style sheet url"> ในไฟล์เพจ
วิธีนี้เหมาะสำหรับหลายเพจที่จะใช้สไตล์เดียวกันการฝังเป็นแอตทริบิวต์ CSS ที่ใช้กันทั่วไป นั่นคือการเพิ่ม <style type="text/css"> ลงใน <head></head> และใช้
ตัวเลือก {
คุณลักษณะ 1: ค่า 1;
ค่า 2
; . .
}
ถูกใช้ในรูปแบบนี้
อินไลน์หมายถึงการใช้แอตทริบิวต์ style หลังองค์ประกอบเพื่อทำเครื่องหมายสไตล์เมื่อแสดง โดยพื้นฐานแล้วแท็ก html ส่วนใหญ่จะมีลักษณะแอตทริบิวต์
4.css box template และการทับซ้อนกัน
(1) Margin: Margin border: border padding: border Distance (ดูรายละเอียดในเล่ม 53)
(2) หน่วยแอตทริบิวต์ CSS: (ดูรายละเอียดในหน้า 57-65 ของหนังสือ)
(3) div -css เค้าโครงหน้า:
นี่คือจุดสำคัญ ไม่เพียงแต่แอตทริบิวต์ <table> เท่านั้นที่สามารถจัดวางทั้งหน้าได้ แต่ <div> ที่ใช้กันทั่วไปยังสะดวกและกระชับมากกว่า
ประการที่สาม:
มีเพียงสามประเด็นเท่านั้นที่ต้องเข้าใจ
ไวยากรณ์พื้นฐานและขั้นสูงของ JavaScript
:1. <script type="text/javascript"> สิ่งนี้เหมือนกับการเรียกแอตทริบิวต์ css
document.write("Hello") เทียบเท่ากับความหมายของ printf ในภาษา C และยังสามารถแทนที่ด้วย alert ได้อีกด้วย
2. ตัวจัดการเหตุการณ์: มี 4 จุดในจุดความรู้นี้ และยังมีอีกมาก โปรดดูบทนำโดยละเอียดในหน้า 81-95 ในแผนผัง
3. ไวยากรณ์ขั้นสูง: คล้ายกับประเภทข้อมูล ลูป ลำดับ และการเลือกในภาษา C มีความแตกต่างเพียงเล็กน้อย:
(1) ในการกำหนดประเภทข้อมูล ไม่จำเป็นต้องกำหนดประเภทข้อมูลให้ชัดเจน เพียงใช้ var
(2) การคำนวณข้อมูลประเภทต่างๆ ไม่ชัดเจนเท่ากับภาษา C ตัวอย่างเช่น var 'a' b ซึ่งเป็นประเภทอักขระและประเภทข้อมูล ก็สามารถคำนวณ c='a'-b ได้เช่นกัน
(3) เพิ่มตัวดำเนินการสตริง
4. การเรียกใช้ฟังก์ชัน: คล้ายกับภาษา C ฉันจะใช้ตัวอย่างเพื่อแสดง:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<หัว>
<title>ผลรวมจาวาสคริปต์</title>
<script type="text/javascript">
ฟังก์ชั่น sum1(m){
วาร์ ฉัน ,n=1;
สำหรับ(i=1;i<=m;i++){
n=1/i*n;
-
กลับ n;
-
ผลรวมฟังก์ชัน (n) {
วาร์ i,s=0;
สำหรับ(i=1;i<=n;i++){
s=s+ผลรวม1(i);
-
การแจ้งเตือน;
-
</สคริปต์>
</หัว>
<ร่างกาย>
<รูปแบบการกระทำ = "#" วิธีการ = "รับ">
1+1/2!+1/3!+1/4!....1/10!=
<input type="button" value="Sum" onclick="sum(10); />
</รูปแบบ>
</ร่างกาย>
</html>
คำถามนี้ใช้การเรียกใช้ฟังก์ชันเพื่อคำนวณผลรวม ทุกคนควรจะเข้าใจได้ - -! การบ้านของเรา
โอเค นี่คือบทสรุปของฉันสำหรับสัปดาห์นี้ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคนอย่างแน่นอน