กรณีที่ 1: เลือกทั้งหมด
คะแนนความรู้แอปพลิเคชัน: ondblClick = () | onclick ค้นหาแอปพลิเคชันแท็กการตัดสินและฟังก์ชั่นแอปพลิเคชัน
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20 <ชื่อ> </title>%20 %20 </head>%20%20 <body>%20%20%20%20%20 <div>%20%20%20%20%20%20%20%20%<อินพุต%20Type = "ปุ่ม"%20Value = "เลือก ทั้งหมด "%20ondblclick =" checkall () "%20/ >%20%20%20%20%20%20%? 20%20%20%20%? %20 <Thead>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20 <tbody%20id = "TB">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%</tr>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20 </tr>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20 </tr>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20 </tr>%20%20%20%20%20%20%20 </tbody>%20%20%20 </table>%20%20%20%20%20%20 <Script>%20%20%20%20%20%20%// ถ้าคุณเลือกทั้งหมด ฟังก์ชั่น%20Checkall () {%20%20%20%20%20%20%20%20%20VAR%20TB%20 =%20Document.GetElementBy ID ('TB'); // รับวัณโรคนั่นคือ ร่างกาย%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%(var%20i = 0; 0%20%20%20%20%20%20%20%20%20%20%20VAR%20Current_Check%20 =%20Checks [i]; // ได้รับค่าของแต่ละอินพุตและกำหนดชื่อตัวแปร%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% leall () {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20 สำหรับ%20 (var%20i = 0; i <checks.length;%20i ++) {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% ร่างกาย%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% telementsbyclassname ('C1');%20%20%20%20%20%20%20%20%20%20%20%// [ครั้งแรก, 2, 3, 4, 5] ตรวจสอบ%20 =%20true%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 </body>กรณีที่ 2: ตัวเลือกเดียว
คุณสามารถเลือกได้เพียงอย่างเดียวและใช้ JS เพื่อเปลี่ยนตัวเลือกของมัน
คะแนนความรู้แอปพลิเคชัน: GetElementsByTagname%20 |%20 Checked%20 |%20mutex
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20 <ชื่อ> </title>%20%20 </head> %20%20 <ul>%20%20%20%20%20%20%20%20%20%20 <li> <อินพุต%20type = "วิทยุ"%20Name = "G"%20 ค่า = "11"%20/> ชาย </li>%20%20%20%20%20%20%20%20%20%20 i> <อินพุต%20Type = "RADIO"%20NAME = "G"%20VALUE = "22"%20/> หญิง </li>%20%20%20%20%20%20%20%20%20 <! UT%20TYPE = "RADIO"%20NAME = "G"%20VALUE = "11">,%20 <อินพุต%20TYPE = "RADIO"%20NAME = "G"%20VALUE = "11">,%20 <อินพุต%20TYPE = "RAD RAD io "%20name =" g "%20Value =" 11 ">]%20%20%20%20%20radio [1]%20%20%20%20%20%20%20 <อินพุต%20type =" วิทยุ "%20name =" G "%20Value =" 11 ">> %20%20%20%20xo%20 =%20radio [1]%20%20%20%20%20 <อินพุต%20type = "วิทยุ"%20Name = "G"%20Value = "11">%20%20%20%20%20%20%20xo .VALUE%20%20%20%20%20%20XO ตรวจสอบ%20%20%20%20%20%20%20XO.Checked%20 =%20TRUE%20%20%20%20TRUE->%20%20
กรณีที่ 3: การโคลนนิ่ง
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20 <Titl e> </title>%20%20 </head>%20%20 <body>%20%20%20%20 <H2%20ID = "H1"> 333%20%20%20%20%20%20%<pan> 1 23 </span>%20%20%20%20%20%20%20%20%20%20 <span> 123 </span>%20%20%20%20%20%20%20%20%20%20%20%20%<23 </span>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20 <a> 123 </a>%20%20%20%20%</h2>%20%20%20%20%20 <div%20id = "ภาชนะบรรจุ">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20 </div>%20%20%20%20%20 <Script>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% เพิ่มไปที่ 2 //%20%20%20%20%20%20VAR%20NEWH%20 =%20H.ClonEnode (จริง); // ไม่มีจริงเพียงรูปแบบการโคลนนิ่งเท่านั้น //%20%20%20%20C.AppendChild (NewH); หลังจากเพิ่มจริงแล้วจะถูกโคลนอย่างสมบูรณ์เป็น 2%20%20%20%20%20 </script>%20%20 </body> </html>
กรณีที่ 4: แอตทริบิวต์ที่กำหนดเองรับแอตทริบิวต์ที่กำหนดเองและเปลี่ยนเนื้อหาแท็ก
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <Meta%20charset = "UTF-8">%20%20%20%20%20 <ชื่อ> </title>%20%20 </head>%20% %20%20%20%20%20 //%20%20%20%20%20%<อินพุต%20Type = "ปุ่ม"%20OnClick = "func ()"%20Value = "คลิก ฉัน "%20/>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20 <div%20class = "C1"%20Alex = 'SB'> 123 </div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% lass = "c1"> 123 </div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%? %20%20%20%20%20 <div%20class = "C1"> 123 </div>%20%20%20%20 </div>%20%20%20%20%20%20 <Script>%20%20%20%20% Alex = 'SB'%20%20%20%20%20%20%20VAR%2 0i1%20 =%20Document.GetElementByID ('I1')%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% สำหรับ%20 (%20var%20i%20 = 0;%20i <divs.length; i ++) {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% CUR RENT_DIV%20 =%20DIVS [I];%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% ESULT%20 ==%20'SB ') {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%กรณีที่ 5: สามวิธีในการรับค่าในกล่องอินพุต
<! doctype%20html> <html> <head>%20%20 <ชื่อ> </title>%20%20 <meta%20charset = "UTF-8"%20/> </head> <body>%20%20 <div%20id = "inp">%20%20%20%20%20%20%20%20%20% %20 <อินพุต%20Type = "text"%20class = "aa"/>%20%20 <อินพุต%20Type = "ปุ่ม"%20Value = "เพิ่ม"%20OnClick = "func ();"%20/>%20%20 %20 <ul>%20%20%20%20%20%20%20%20 <li> หมูตุ๋น </li>%20%20%20%20%20%20%20 <li> ข้อศอกตุ๋น </li>%20%20%20%20%20 <li> 0%20%20VAR%20INP_AA%20 =%20DOCUMENT.GETELEMENTSBYCLASSNAME ('AA');%20%20%20%20%20INP_AA [0] .VALUE%20 =%20'Braised Hairfish '; <! doctype%20html> <html> <head>%20%20 <ชื่อ> </title>%20%20 <meta%20charset = "UTF-8"%20/> </head> <body>%20%20 <div%20id = "inp">%20%20%20% ss = "aa"/>%20%20 <อินพุต%20Type = "ปุ่ม"%20Value = "เพิ่ม"%20OnClick = "func ();"%20/>%20%20 </div>%20%20 <Div%20ID = "LIS">%20%20%20% %20%20 <ul>%20%20%20%20%20%20%20%20%20 <li> หมูตุ๋น </li>%20%20%20%20%20%20%20 <li> ข้อศอก Braised </li>%20%20%20%</div>%20%20%20% 20%20%20%20VAR%20C%20 =%20Document.QuerySelector ('. AA'); // ตัวเลือกการสืบค้น%20 IS ID ความแตกต่างคือไวยากรณ์ของแท็ก%20%20%20C.Value%20 =%20'braised มะเขือวิธีที่ 2: คำถาม
<! doctype%20html> <html> <head>%20%20 <ชื่อ> </title>%20%20 <meta%20charset = "UTF-8"%20/> </head> <body>%20%20 <div%20id = "inp">%20%20%20%20% >%20%20 <อินพุต%20TYPE = "TEXT"%20ID = "AA"/>>%20%20 <อินพุต%20TYPE = "ปุ่ม"%20VALUE = "เพิ่ม"%20ONCLICK = "FUNC ();"%20/>%20%20 S ">%20%20%20%20 <ul>%20%20%20%20%20%20%20%20 <li> หมูตุ๋น </li>%20%20%20%20%20%20%20 <li> Braised Elbow </li>%20%20%20%20%20 </ul>%20%20 </div>%20%20%20 <Script>%20%20%20%20%20VAR%20C%20 =%20DOCUMENT.GETELEMENTBYID ('AA'); มะเขือยาว ';%20%20%20%20%20 </script> </body> </html>วิธีที่ 3: ID
กรณีที่ 6:
%20 // 'befterbegin', 'Afterbegin'/%20'Beforeend '/' Afterend '
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <ชื่อ> </title>%20%20%20%20%<meta%20charset = "UTF-8"%20/>%20%20 </head>%20%20% v%20id = "inp">%20%20%20%20 </div>%20%20%20%20 <อินพุต%20Type = "ข้อความ"%20/>%20%20%20%20%20 <อินพุต%20Type = "ปุ่ม"%20Value = "เพิ่ม"%20OnClick = "Addelen %20/>%20%20%20%20 </div>%20%20%20%20%20%20%<div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% /li>%20%20%20%20%20%20%20%20%20%20%20 <li> ปลาตุ๋น </li>%20%20%20%20%20%20%20 </ul>%20%20%20%20%20 </div>%20%20%20%20%20%20%20%20%20%20% Addelen (THS)%20 {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20VAR%20AAA%20 =%20TH ERT (AAA)%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% T_LI)%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20list_li.insertadjacenthtml ("beForend",%20BBB)%20%20%20%20%20%20%20%20}%20%20%20 </สคริปต์>%20%20% <! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <ชื่อ> </title>%20%20%20%20%<Meta%20charset = "UTF-8"%20/>%20%20 </head>%20%20%20% %20%20 <div%20id = "inp">%20%20%20%20%20 </div>%20%20%20%20%20 <อินพุต%20Type = "ข้อความ"%20/>%20%20%20%20%20 <อินพุต%20TYPE = "ปุ่ม" click = "Addelen (นี่)"%20/>%20%20%20%20%</div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% t>%20%20%20%20%20%20%20%20%20 ฟังก์ชั่น%20Addelen (THS) {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% UL%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% Li%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20list_li %20%20%20%20}%20%20%20 </script>%20%20 </body> </html> <! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20 <ชื่อ> </title>%20%20 </head>%20%20% 20 <body>%20%20%20%20 <div>%20%20%20%20%20%20%20%20%20 <อินพุต%20type = "ข้อความ"%20/>%20%20%20%20%20%20%20%20 <อินพุต%20Type = "แต่ ตัน "%20Value =" เพิ่ม "%20onclick =" AddElement (นี้) "%20/>%20%20%20%20 </div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% </ul>%20%20%20%20 </div>%20%20%20%20%20%20%20 <Script>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% Eggin ',' Afterbegin '/%20'Beforeend'/'Afterend'%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% การติดตั้งปิด%20%20%20%20%20%20%20%20%20%20 // หลังจากนั้น%20 การปิดภายนอกภายนอก //%20 %20%20%20%20%20%20%20%20%20%20commentlist.insertadjacenthtml ("beForend",%20str)%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20Tag.innerText%20 =%20Document.createElement ('Li');%20%20%20%20%20%20%20%20% 20VAL;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% tag.app endchild (อุณหภูมิ);%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 console.log (ผู้แสดงความคิดเห็นเด็ก [1])%20%20%20%20%20%20%20%20%กรณีที่ 7:
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20%20%2 0Height:%2040px;%2040px;%2040px;%2040px;%2040px;%2040px;%20%20%20%20%20eight:%2040px;%2 0%20%20%20%20%20}%20%20%20%20%20%20%20%.g {%20%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20 </style>%20%20 </head>%20%20 <body>%20%20%20%20%20%20%20%20 <p> เมื่อเมาส์เข้ามาใช่เอาเนื้อหา </p>%20%20%20%20 <p> เนื้อหา "%20Onfocu S =" โฟกัส (นี้) "%20Onblur =" เบลอ (นี้) "%20/>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%// วิธีแรกที่พบ%20%20%20%20%20%20%20% - %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20if%20 (current_val%20 ==%20 "โปรดป้อน เนื้อหา ") {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20function%20Blur (THS)%20 {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 () %20%20%20%20%20%20%20%20%20%20%20%20%20 ปีค่า%20 =%20'please ป้อนเนื้อหา ';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%กรณีที่ 8: เมนูหัว
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <ชื่อ> </title>%20%20%20%20%20%<meta%20charset = "UT F-8 "%20/>%20%20%20%20%20%20%20%20%20%20.pg_top%20.Menu%20 {%20%20%20%20%20%20%20%20%20% R:%20Gold;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 2025px;%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%สีพื้นดิน:%20burlywood;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% </head>%20%20 <body>%20%20%20%20%20%<Div%20class = "PG_TOP">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20 <div%20class = "item"%20con = "H2"%20onclick = "แสดง (นี้)"> guijie </div>%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 IV%20ID = "เนื้อหา"%20class = "เนื้อหา">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% Bar </div>%20%20%20%20%20%20%</div>%20%20%20%20%</div>%20%20%20%20%20%20%20%<Script>%20%20%20%20%20%20%20%20% ฟังก์ชั่น%20show (THS)%20 {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0BABA%20 =%20THS.PARENTELEMENT.HILDREN;%20 // รับองค์ประกอบของเด็กแต่ละคน%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20 ถ้า%20 (ths%20 ==%20BABA [i])%20 {%20 // ตัดสิน %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20BABA [I] .ClassList.remove ('bk')%20 // ลบ แอตทริบิวต์%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%// เนื้อหา%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% ElementById ('เนื้อหา') เด็ก;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% สำหรับ%20 (j = 0;%20j <current_con.length; j ++)%20 {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% RENT_CON [J]. GetAttribute ('Con')%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20} else {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% <! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20%20%20 <ชื่อ> </title>%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0;%20%20%20%20}%20%20%20%20%20ul%20li {%20%20%20%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20% สี:%20white;%20%20%20%20%20%20%20%20%20%20%20%20%20%:%208px%2010px;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20display:%20block;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20.Hide {%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%. Tab-Menu%20.Title {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20.TAB-MENU%20.TITLE {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%TAB-MENU%20.TITLE%20.ACTION {%20%20%20%20%20%20%2%2 0%20%? 0%20%20%20BORDER:%201PX%20SOLID%20#DDDDDD;%20%20%20%20%20%20 นาทีสูง:%20150PX;%20%20%20%20%20%20}%20 %20 </สไตล์>%20%20 </head>%20%20 <body>%20%20%20%20 <Div%20style = "ความกว้าง: 400px;%20margin:%200%20AU ถึง; ">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% >%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0Target = 'H3'%20OnClick = "แสดง (นี้)"> tianshahai </li>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 ขาแกะ </div>%20 %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20 </div>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 <สคริปต์>%20%20%20%20%20%20%20%20% แท็ก%20%20%20%20%20%20%20%20%20 อัตรา 20TARGET%20 =%20THS.GetAttribute ('เป้าหมาย') // H3%20%20%20%20%20%20%20%20%20%// เพิ่มสไตล์ตัวเอง Active%20%20%20%20%20%20%20%20%20%20%20%20%20th.className%20 =%20'Active ';%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 วาร์%20brothers%20 =%20th.parentelement.dren;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% สำหรับ (var%20i = 0; i <br อื่น ๆ ความยาว; i ++) {%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% เต็นท์)%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% var%20con%20 =%20current_content.getAttribute ('con')%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%กรณีที่ 9: กลับไปด้านบน
คะแนนความรู้หลัก: Onscroll%20 และ document.body.scrolltop;
<! doctype%20html> <html>%20%20 <ad>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20%20%20 <ชื่อ> </title>%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%:%20fixed;%20%20%20%20%20%20%20%20%:%20fixed;%20%20%20%20%20%20%20%20%:%20fixed;%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%:%20Fixed;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20%20%20%20%20RIGHT:%2020PX;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% Kgoldenrod;%20%20%20%20%20%20%20%20%20%20 สี:%20wwite;%20%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20 ody%20onscroll = "func ();">%20%20%20%20%20 <div%20id = "i1"%20style = "ความสูง:%202000px;%20background-color:%20G Reenyellow; ">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 0%20%20 <Div%20ID = "I2"%20class = "Go-Top%20Hide">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20function%20Func () {%20%20%20%20%20%20%20%20%20%20%20%20 วาร์ 20%20%20%20 =%20document.body.Scrolltop; // ความสูงของร่างกาย%20%20%20%20%20%20%20%20%20%20%20% %20if (Scrolltop> 100) {%20%20%20%20%20%20%20%20%20%20%20%20ii.classlist.remove ('ซ่อน'); // ลบออกเพื่อแสดง %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20}%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%กรณีที่ 10:
จุดความรู้หลัก:
// เลื่อน%20 เลื่อน; ความหมายของม้วน
//%20Scrolltop:%20 ความสูงของแถบเลื่อนจากด้านบน
//%20Scrollheight:%20 ความสูงของเอกสาร: ตัวเอง + padding
//%20clienttop:%20 ความสูงของชายแดน
//%20clientheight:%20 ช่วงความสูงที่มองเห็นได้ในปัจจุบัน:%20+%20padding
// ชดเชย%20 ความหมายการพิมพ์
//%20OffSettop:%20 ความสูงของฉลากปัจจุบันจาก "Top" (Body)
//%20 หากไม่มีโพสต์ในระดับก่อนหน้าของเขาหากมีแท็กตำแหน่งส่วนใหญ่จะขึ้นอยู่กับแท็กตำแหน่ง
//%20OffsetTheight:%20 ความสูงของช่วงของตัวเอง: ตัวเอง + padding + border
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <body> <div style = "ความสูง: 20px; พื้นหลัง-สี: สีเขียว"> </div> <! style = "ความสูง: 200px; overflow: auto; width: 400px; margin: 0 auto; border: 15px red red; padding: 3px;" - <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div> SDF </div> <div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div> <div>sdf</div> <div>sdf</div> </div> </div> </div> </div> </div> <script> var ii = document.getElementById('xo') console.log(ii.scrollTop) console.log(ii.scrollHeight) console.log(ii.clientTop) console.log(ii.clientHeight) console.log(ii.offsetTop) console.log(ii.offsetHeight) //scroll Scroll; scroll meaning // scrollTop: scrollbar height from the top // scrollHeight: Document height: itself + padding// clientTop: border height // clientHeight: visible range height: itself + padding //offset Print meaning // offsetTop: The current label distance from the "top" (body)// If there is no post on the previous level, if there is one, the position label is mainly used // offsetHeight: The visible range height: itself + padding+border </script> </body></html>好了,暂时就介绍到这里希望大家多写多练,主要是其中的逻辑,当然现在很多人都开始使用jquery了,大家也多注意。