การเขียนโปรแกรม html

12

ฉันได้ยินมาหลายครั้งแล้วว่าเนื้อหาที่แข็งแกร่งที่สุดของ jQuery คือวิธีการสืบค้นและจัดการองค์ประกอบใน DOM: คุณสามารถใช้การสืบค้น CSS เพื่อสร้างการสืบค้นที่ซับซ้อนซึ่งยากที่จะทำในจาวาสคริปต์ปกติ อย่างไรก็ตามเท่าที่ฉันรู้คุณสามารถบรรลุผลลัพธ์เดียวกันกับdocument.querySelectorหรือdocument.querySelectorAllซึ่งได้รับการสนับสนุนใน Internet Explorer 8 ขึ้นไป ดังนั้นคำถามคือ: ทำไมค่าใช้จ่าย 'ความเสี่ยง' jQuery หากสินทรัพย์ที่แข็งแกร่งที่สุดสามารถทำได้ด้วย JavaScript ที่บริสุทธิ์? ฉันรู้ว่า jQuery มีมากกว่าตัวเลือก CSS เช่น AJAX ข้ามเบราว์เซอร์ที่ดีกิจกรรมที่แนบมาเป็นต้น แต่ส่วนการสืบค้นมันเป็นส่วนสำคัญของความแข็งแกร่งของ jQuery! ความคิดใด ๆ

161 javascript jquery html css-selectors jquery-selectors

9

ฉันจะถอนการติดตั้ง Service Worker ได้อย่างไร

หลังจากลบ/serviceworker.jsจากไดเรกทอรีรากของฉัน Chrome ยังคงเรียกใช้พนักงานบริการที่ฉันลบออกจากเว็บรูทของฉัน ฉันจะถอนการติดตั้งพนักงานบริการจากเว็บไซต์ของฉันและ Chrome เพื่อให้ฉันสามารถกลับเข้าสู่เว็บไซต์ของฉันได้อย่างไร ฉันติดตามปัญหาไปที่กลไกแคชของ Service Work แล้วและฉันต้องการลบออกตอนนี้จนกว่าฉันจะมีเวลาในการดีบัก สคริปต์การเข้าสู่ระบบที่ฉันใช้เปลี่ยนเส้นทางไปยังเซิร์ฟเวอร์ของ Google เพื่อให้พวกเขาลงชื่อเข้าใช้บัญชี Google ของพวกเขา แต่ทั้งหมดที่ฉันได้รับจากหน้า login.php คือERR_FAILEDข้อความ

161 html google-chrome service-worker

14

ฉันจะโหลดหน้า HTML ใน <div> โดยใช้ JavaScript ได้อย่างไร

ฉันต้องการ home.html <div id="content">โหลดใน <div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> <div id ="content"> </div> <script> function load_home(){ document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>'; } </script> สิ่งนี้ใช้ได้ดีเมื่อฉันใช้ Firefox เมื่อฉันใช้ Google Chrome มันจะขอปลั๊กอิน ฉันจะทำให้มันทำงานใน Google Chrome ได้อย่างไร

161 javascript html google-chrome

10

สีลิงค์ HTML / CSS เริ่มต้นคืออะไร

#FFFFFFฉันต้องการเป็นตัวแทนรหัสเช่น

161 html css

25

ฉันจะกำหนดเป้าหมายเฉพาะ Internet Explorer 10 สำหรับบางสถานการณ์เช่น CSS เฉพาะ Internet Explorer หรือรหัส JavaScript เฉพาะ Internet Explorer ได้อย่างไร

ฉันจะกำหนดเป้าหมายเฉพาะ Internet Explorer 10 สำหรับบางสถานการณ์เช่น CSS เฉพาะ Internet Explorer หรือรหัส JavaScript เฉพาะ Internet Explorer ได้อย่างไร ฉันลองสิ่งนี้ แต่มันไม่ทำงาน:   <html lang="en" class="no-js">  Internet Explorer 10 ละเว้นความคิดเห็นเงื่อนไขและใช้แทน<html lang="en" class="no-js"><html class="no-js ie10" lang="en">

160 javascript html css internet-explorer-10 conditional-comments

14

คุณสามารถกำหนดเป้าหมาย <br /> ด้วย css ได้หรือไม่

เป็นไปได้หรือไม่ที่จะกำหนดเป้าหมาย<br/>แท็กline-break ด้วย CSS? ฉันต้องการเส้นประ 1px ทุกครั้งที่มีเส้นแบ่ง ฉันกำลังปรับแต่งเว็บไซต์ด้วย CSS ของตัวเองและไม่สามารถเปลี่ยนชุด HTML มิฉะนั้นฉันจะใช้วิธีอื่น ฉันไม่คิดว่ามันเป็นไปได้ แต่อาจมีวิธีที่ใครบางคนรู้

160 html css line-breaks

8

วิธีการจัดรูปแบบองค์ประกอบหลักเมื่อวางเมาส์เหนือองค์ประกอบลูก?

Наэтотвопросестьответына กองมากเกินнарусском : Принаведениинакнопкуподсвечиваетсязаголовокисама кнопка.Каксделать ? ฉันรู้ว่าไม่มีตัวเลือกพาเรนต์ CSSแต่มันเป็นไปได้หรือไม่ที่จะจัดสไตล์อิลิเมนต์การเลี้ยงดูเมื่อโฮเวอร์องค์ประกอบลูกโดยไม่มีตัวเลือกดังกล่าว? ในการให้ตัวอย่าง: พิจารณาปุ่มลบที่เมื่อโฮเวอร์จะเน้นองค์ประกอบที่กำลังจะถูกลบ: <div> <p>Lorem ipsum ...</p> <button>Delete</button> </div> ด้วย CSS บริสุทธิ์วิธีเปลี่ยนสีพื้นหลังของส่วนนี้เมื่อเมาส์อยู่เหนือปุ่ม

160 html css

11

แสดงผลสตริง HTML เป็น HTML จริงในองค์ประกอบ React

นี่คือสิ่งที่ฉันพยายามและมันผิดพลาดอย่างไร งานนี้: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> สิ่งนี้ไม่: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> คุณสมบัติคำอธิบายเป็นเพียงสตริงปกติของเนื้อหา HTML อย่างไรก็ตามมันแสดงผลเป็นสตริงไม่ใช่ HTML ด้วยเหตุผลบางประการ ข้อเสนอแนะใด ๆ

160 javascript html reactjs jsx

8

รับแอตทริบิวต์ข้อมูลในโค้ด JavaScript

ฉันมี html ถัดไป: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> เป็นไปได้หรือไม่ที่จะรับแอตทริบิวต์ที่ขึ้นต้นด้วยdata-และใช้ในโค้ดJavaScriptเช่นโค้ดด้านล่าง สำหรับตอนนี้ฉันได้รับnullผล document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

160 javascript html custom-data-attribute

5

การโฟกัสฟอร์ม html เริ่มต้นโดยไม่มี JavaScript

เป็นไปได้หรือไม่ที่จะตั้งค่าโฟกัสอินพุตเริ่มต้นบนฟอร์ม HTML โดยไม่ใช้ JavaScript ตัวอย่างเช่น <html> <form> Input 1: <input type="text" name="textbox1"/> <br/> Input 2: <input type="text" name="textbox2"/> </form> </html> ฉันต้องการตั้งค่าโฟกัสเริ่มต้นเป็นกล่องข้อความอย่างใดอย่างหนึ่งเมื่อโหลดแบบฟอร์มโดยไม่ต้องใช้ JavaScript (เนื่องจากฉันต้องการให้พฤติกรรมเกิดขึ้นเมื่อผู้ใช้ปิดการใช้งาน js)

159 html accessibility

7

รับ $ _POST จากช่องทำเครื่องหมายหลายช่อง

ฉันมี 1 แบบฟอร์มโดยมีช่องทำเครื่องหมายหลายช่อง (แต่ละรหัสมี): <input type="checkbox" name="check_list" value="<? echo $row['Report ID'] ?>"> ในกรณีที่$row['Report ID']เป็นคีย์หลักในฐานข้อมูล -So แต่ละค่าที่แตกต่างกัน ฉันจะบอกกล่องกาเครื่องหมายใดที่ได้รับการตรวจสอบแล้วได้อย่างไร (อาจมีหลายรายการ) นี่เป็นระบบกล่องจดหมายและฉันมีปุ่มด้านล่างที่ฉันต้องการ (เมื่อคลิก) เพื่อลบข้อความทั้งหมด (รหัส:) $row['Report ID']ซึ่งมีการทำเครื่องหมายที่ช่องทำเครื่องหมาย

159 php html forms checkbox

8

การนับจำนวนแท็กตัวเลือกในแท็กที่เลือกใน jQuery

ฉันจะนับจำนวน<option>s ใน<select>องค์ประกอบ DOM โดยใช้ jQuery ได้อย่างไร <select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select> ฉันต้องการค้นหาจำนวน<option>แท็กใน<select>องค์ประกอบ DOM เนื่องจากเมื่อฉันต้องการเปิดแผงการตั้งค่าที่มีจำนวนฟิลด์อินพุตที่มีค่าตัวเลือกที่สอดคล้องกันจากกล่องแบบเลื่อนลงในนั้นและเปลี่ยนอีกครั้งในหน้าตัวอย่าง แผงหน้าปัด. ช่องแบบเลื่อนลงด้านบนอยู่ในแผงตัวอย่างของฉันซึ่งสร้างโดย jQuery

159 javascript jquery html

17

แถบเลื่อนแนวนอนที่ด้านบนและด้านล่างของตาราง

ฉันมีขนาดใหญ่มากtableในหน้าของฉัน ฉันจึงตัดสินใจวางแถบเลื่อนแนวนอนที่ด้านล่างของตาราง แต่ฉันต้องการให้แถบเลื่อนนี้อยู่ด้านบนของตารางด้วย สิ่งที่ฉันมีในเทมเพลตคือ: <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> เป็นไปได้ที่จะทำใน HTML และ CSS เท่านั้นหรือไม่

159 javascript jquery html css

18

วิธีการทำแท็กสมอหมายถึงอะไร

ฉันใช้ jQuery ฉันต้องทำให้แท็กจุดยึดไม่ทำงาน ฉันมักจะเขียนแบบนี้: <a href="#">link</a> อย่างไรก็ตามนี่หมายถึงด้านบนของหน้า!

159 jquery html

27

จะเลื่อนไปที่ด้านบนของหน้าด้วย JavaScript / jQuery ได้อย่างไร?

มีวิธีควบคุมการเลื่อนเบราว์เซอร์ด้วย JavaScript / jQuery หรือไม่? เมื่อฉันเลื่อนหน้าเว็บลงครึ่งหนึ่งจากนั้นให้เรียกโหลดอีกครั้งฉันต้องการให้หน้ากระดาษไปด้านบน แต่กลับพยายามค้นหาตำแหน่งการเลื่อนครั้งสุดท้ายแทน ดังนั้นฉันจึงทำสิ่งนี้: $('document').ready(function() { $(window).scrollTop(0); }); แต่ไม่มีโชค แก้ไข : ดังนั้นคำตอบของคุณทั้งสองทำงานเมื่อฉันเรียกพวกเขาหลังจากหน้าโหลด - ขอบคุณ อย่างไรก็ตามหากฉันเพิ่งรีเฟรชหน้าเว็บดูเหมือนว่าเบราว์เซอร์จะคำนวณและเลื่อนไปยังตำแหน่งเลื่อนเก่าหลังจาก.readyเหตุการณ์ (ฉันทดสอบฟังก์ชั่น body onload () ด้วย) ดังนั้นการติดตามคือมีวิธีป้องกันเบราว์เซอร์ที่เลื่อนไปยังตำแหน่งที่ผ่านมาหรือเลื่อนอีกครั้งไปด้านบนหลังจากที่มันทำมันได้หรือไม่

159 javascript jquery html scroll

คำถามติดแท็ก html