Modernizr มอบวิธีง่ายๆ ในการตรวจหาคุณลักษณะใหม่ เพื่อให้คุณสามารถดำเนินการที่เกี่ยวข้องได้ ตัวอย่างเช่น หากเบราว์เซอร์ไม่รองรับคุณสมบัติวิดีโอ คุณต้องการแสดงหน้าอย่างง่าย คุณสามารถสร้างกฎ CSS ตามความพร้อมใช้งานของฟีเจอร์ และกฎเหล่านี้จะนำไปใช้โดยอัตโนมัติบนหน้าเว็บหากเบราว์เซอร์ไม่รองรับฟีเจอร์ใหม่
Modernizr เป็นไลบรารี JavaScript ขนาดเล็กที่ตรวจจับความพร้อมใช้งานของการใช้งานแบบเนทีฟสำหรับเทคโนโลยีเว็บยุคหน้า นี่คือรายการคุณสมบัติที่ Modernizr ตรวจพบได้ - คุณลักษณะ คุณสมบัติ CSS JavaScript Check @font-face .fontface Modernizr.fontface ผ้าใบ .canvas Modernizr.canvas Canvas
ใช้ Modernizr ใน HTML เพื่อตรวจหาคุณลักษณะเช่นเสียงผ่าน JavaScript: if (Modernizr.audio) { /* properties for browsers that support audio */ } else{ /* properties for browsers that does not support audio */ }
แท็ก HTML5 และ ทำให้ง่ายต่อการเพิ่มสื่อไปยังเว็บไซต์ คุณต้องตั้งค่าแอตทริบิวต์ src เพื่อระบุแหล่งที่มาของสื่อและรวมแอตทริบิวต์การควบคุมเพื่อให้ผู้ใช้เล่นและหยุดสื่อชั่วคราวได้ แท็กวิดีโอ HTML5 สามารถมีคุณลักษณะหลายอย่างเพื่อควบคุมรูปลักษณ์และฟังก์ชันต่างๆ ของตัวควบคุม: sr. เลขที่ แอตทริบิวต์ &คำอธ
ข้อกำหนดฉบับร่าง HTML5 ปัจจุบันไม่ได้ระบุรูปแบบวิดีโอที่เบราว์เซอร์ควรสนับสนุนในแท็กวิดีโอ แต่รูปแบบวิดีโอที่ใช้บ่อยที่สุดคือ − เอาล่ะ − ไฟล์ Ogg ที่มีตัวแปลงสัญญาณวิดีโอ Thedora และตัวแปลงสัญญาณเสียง Vorbis mpeg4 − ไฟล์ MPEG4 ที่มีตัวแปลงสัญญาณวิดีโอ H.264 และตัวแปลงสัญญาณเสียง AAC คุณสามารถใช
คุณลักษณะใหม่ที่นำมาใช้ใน HTML 5 คือการเพิ่มแอตทริบิวต์ข้อมูลที่กำหนดเอง แอตทริบิวต์ข้อมูลที่กำหนดเองเริ่มต้นด้วย ข้อมูล - และจะตั้งชื่อตามความต้องการของคุณ <div class = "example" data-sports = "cricket" data-level = "complex"> ... </div> ด้าน
สำหรับสิ่งนี้ คุณสามารถใช้องค์ประกอบ SVG เรามาดูตัวอย่างกัน: <svg xmlns = "http://www.w3.org/2000/svg"> <foreignObject x = "0" y = "0" height = "500" width = "500"> <body xmlns = "http://www.w3.org/1999/xhtml"&g
ไฟล์ HTML5 วิธี Blob.slice() มีประโยชน์สำหรับการสร้างวัตถุ Blob ที่มีข้อมูล ข้อมูลนี้อยู่ในช่วงไบต์ที่ระบุของ Blob ต้นทาง มันใช้ XMLHttpRequest ตามตัวอย่างด้านล่าง ให้เราดูตัวอย่างการส่งและรับข้อมูลไบนารีโดยใช้ slice() ตัวอย่างนี้ส่งข้อความและใช้วิธี POST เพื่อส่ง ไฟล์ ไปยังเซิร์ฟเวอร์: var val = n
ไม่ คุณจะไม่สามารถป้องกันข้อความแจ้งได้ เป็นคุณลักษณะด้านความปลอดภัยเนื่องจากไม่ใช่ผู้ใช้ทุกคนที่ต้องการแชร์ตำแหน่ง ตามที่ระบุโดย W3C: การใช้งานข้อกำหนดนี้อย่างสอดคล้องต้องมีกลไกที่ปกป้องความเป็นส่วนตัวของผู้ใช้ และกลไกนี้ควรตรวจสอบให้แน่ใจว่าไม่มีการแสดงข้อมูลตำแหน่งผ่าน API นี้โดยไม่ได้รับอนุญาต
ในการส่งค่า ให้เราบอกว่า ของเรามีดังต่อไปนี้ โดยมีหน้า new.html <a href="new.html?structure='123'">Structure</a> JS จะเป็น: $( document ).on( "pageinit", "#new", function( event ) { var myParam = $(this).data("url").split(&q
บางที คุณกำลังใช้ +=กับ innerHTML ลองทำสิ่งต่อไปนี้: var myNum = [1,2,3]; var myStr; myStr = "<ul>"; for( var a in myNum) myStr += "<li>" + a + "</li>"; myStr += "</ul>"; id("numberList").innerHTML = myStr;
หากต้องการปรับขนาดภาพเมื่อวางเมาส์ไว้ ให้ใช้ไลบรารี Vanilla JavaScript เมื่อเลื่อนเมาส์ ให้ตั้งค่าดังนี้: function move(e) { var pos = getMousePos(myCanvas, e); context.drawImage(img, -pos.x, -pos.y, img.width, img.height); } สำหรับผ้าใบ: //add event listener we need myCa
วิธีการฟังเหตุการณ์สำหรับเหตุการณ์ลากและวางทั้งหมดยอมรับวัตถุเหตุการณ์ที่มีแอตทริบิวต์แบบอ่านอย่างเดียวที่เรียกว่า dataTransfer event.dataTransfer ส่งคืนวัตถุ DataTransfer ที่เชื่อมโยงกับเหตุการณ์ดังนี้: function EnterHandler(event) { DataTransfer dt = event.dataTransfer; &
หากต้องการยอมรับการดร็อป เป้าหมายการดร็อปต้องฟังเหตุการณ์อย่างน้อยสามเหตุการณ์ สายน้ำ เหตุการณ์ ซึ่งใช้เพื่อกำหนดว่าเป้าหมายการดร็อปคือการยอมรับการดร็อปหรือไม่ หากการดรอปเป็นที่ยอมรับ งานนี้จะถูกยกเลิก ตัวลาก เหตุการณ์ซึ่งใช้เพื่อกำหนดว่าจะแสดงข้อเสนอแนะใดให้ผู้ใช้เห็น หากกิจกรรมถูกยกเลิก ความคิด
การถ่ายโอนข้อมูล วัตถุเก็บข้อมูลเกี่ยวกับการลากและวาง ข้อมูลนี้สามารถเรียกค้นและตั้งค่าในแง่ของแอตทริบิวต์ต่างๆ ที่เกี่ยวข้องกับวัตถุ DataTransfer มีลักษณะดังต่อไปนี้: Sr.No. แอตทริบิวต์การถ่ายโอนข้อมูลและคำอธิบาย 1 dataTransfer.dropEffect [ =ค่า ] ส่งคืนประเภทของการดำเนินการที่เลือกอยู่ใ
หากต้องการปรับขนาดรูปภาพก่อนส่งแบบฟอร์ม คุณต้องใช้เมธอด drawImage() ปรับขนาดรูปภาพต้นฉบับและวาดเวอร์ชันที่ปรับขนาดบนผืนผ้าใบที่ [0,0] context.drawImage( img, 0,0,img.width,img.height, 0,0,myWidth,UseHeight ); ด้านบน เราเห็นสิ่งต่อไปนี้: ที่นี่ var myWidth = Math.floor( img.width * Scale ); var my
แอตทริบิวต์ type ขององค์ประกอบอินพุตใน HTML ตอนนี้มีค่าใหม่ดังต่อไปนี้ - Type คำอธิบาย color ตัวเลือกสี ซึ่งสามารถแสดงด้วยวงล้อหรือตัวเลือกตัวอย่าง วันที่ ตัวเลือกสำหรับวันที่ในปฏิทิน datetime-local แสดงวันที่และเวลา โดยไม่มีการตั้งค่าหรือตัวบ่งชี้สำหรับเขตเวลา datetime แสดงวั
ออกแบบหน้าเว็บของคุณเพื่อใส่เนื้อหาเว็บของคุณในหลายหน้า คุณสามารถเก็บเนื้อหาของคุณไว้ที่คอลัมน์กลาง คุณสามารถใช้คอลัมน์ซ้ายเพื่อใช้เมนู และคอลัมน์ขวาสามารถใช้เพื่อวางโฆษณาหรืออย่างอื่นได้ ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Three Co
เครื่องหมายลำดับไบต์ (BOM) ประกอบด้วยรหัสอักขระ U+FEFF ที่จุดเริ่มต้นของสตรีมข้อมูล ซึ่งสามารถใช้เป็นลายเซ็นที่กำหนดลำดับไบต์และรูปแบบการเข้ารหัสได้ โดยส่วนใหญ่เป็นไฟล์ข้อความธรรมดาที่ไม่ได้ทำเครื่องหมาย โปรแกรม Windows จำนวนมาก (รวมถึง Windows Notepad) เพิ่มไบต์ 0xEF, 0xBB, 0xBF ที่จุดเริ่มต้นของเ
FabricJS มีเมธอด API ต่อไปนี้ซึ่งเปลี่ยนดัชนี z ของอ็อบเจ็กต์: canvas.sendBackwards(myObject) canvas.sendToBack(myObject) canvas.bringForward(myObject) canvas.bringToFront(myObject) คุณยังสามารถใช้: fabric.Canvas.prototype.orderObjects = function(compare) { this._objects.sort(compare);
