ไฟล์ HTML5 วิธี Blob.slice() มีประโยชน์สำหรับการสร้างวัตถุ Blob ที่มีข้อมูล ข้อมูลนี้อยู่ในช่วงไบต์ที่ระบุของ Blob ต้นทาง ให้เราดูตัวอย่างการส่งและรับข้อมูลไบนารีโดยใช้ slice() ตัวอย่างนี้ส่งข้อความและใช้วิธี POST เพื่อส่ง ไฟล์ ไปยังเซิร์ฟเวอร์: var val = new XMLHttpRequest(); val.open("POST&
หากต้องการให้ SVG อยู่ตรงกลาง ให้เพิ่ม CSS ต่อไปนี้: # svgelem { margin-left:auto; margin-right:auto; display:block; } ต่อไปนี้คือ SVG ของเรา: <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> &l
ใช่ ข้อกำหนดอย่างเป็นทางการ ระบุแอตทริบิวต์ข้ามต้นทางเป็น: The crossorigin attribute is a CORS settings attribute. Its purpose is to allow images from third-party sites that allow cross-origin access to be used with canvas. คุณสามารถใช้เพื่อแก้ไขข้อผิดพลาด JavaScript เช่นบันทึกข้อผิดพลาด js: if (se
Ionic คือ HTML5 Mobile App Development Framework ที่กำหนดเป้าหมายไปที่การสร้างแอปมือถือแบบไฮบริด คิดว่า Ionic เป็นเฟรมเวิร์ก UI ฟรอนต์เอนด์ที่จัดการรูปลักษณ์และความรู้สึกทั้งหมดและการโต้ตอบกับ UI ที่แอปของคุณต้องมีความน่าสนใจ คล้ายกับ Bootstrap for Native แต่ด้วยการรองรับส่วนประกอบอุปกรณ์พกพาทั่วไปท
องค์ประกอบ และ มีประโยชน์สำหรับโปรแกรมอ่านหน้าจอเช่นกัน และช่วยผู้ใช้ที่มีความบกพร่องทางสายตาในการอ่านเนื้อหาในหน้าเว็บของคุณ สิ่งเหล่านี้มีประโยชน์สำหรับผู้อ่าน eBook เช่นกัน เรามาดูวิธีการทำงานกับองค์ประกอบทั้งสองกัน <!DOCTYPE html> <html> <head> &
สำหรับการตรวจสอบความถูกต้องของ HTML5 คุณต้องติดตั้ง IntelliSense และรองรับการตรวจสอบความถูกต้องของ Visual Studio Visual Studio 2012 รองรับ HTML5 VS 2010 มีการรองรับ IntelliSense แต่ VS 2012 ได้เพิ่มตัวอย่างที่เกี่ยวข้องทำให้ง่ายต่อการเขียนมาร์กอัป ทำตามขั้นตอน: เปิดตัว Visual Studio 2012 ไปที่ ต
ยอมรับเฉพาะค่า URL ใน HTML5 ประเภทนี้ใช้สำหรับช่องใส่ที่ควรมีที่อยู่ URL หากคุณพยายามส่งข้อความธรรมดา ระบบจะบังคับให้ป้อนเฉพาะที่อยู่ URL ใน http://www.qries.com รูปแบบหรือใน http://qries.com รูปแบบ <!DOCTYPE HTML> <html> <body> <form action =
นี่คือตัวอย่าง SVG เวอร์ชัน HTML5 ที่จะวาดดาวโดยใช้แท็ก <html> <head> <style> #svgelem{ position: relative; left: 50%; &n
HTML5 ได้รับการออกแบบมาให้เข้ากันได้กับเว็บเบราว์เซอร์ที่มีอยู่เดิมมากที่สุดเท่าที่จะเป็นไปได้ คุณลักษณะใหม่สร้างขึ้นจากคุณลักษณะที่มีอยู่และช่วยให้คุณสามารถจัดเตรียมเนื้อหาสำรองสำหรับเบราว์เซอร์รุ่นเก่าได้ ขอแนะนำให้ตรวจหาการรองรับคุณลักษณะ HTML5 แต่ละรายการโดยใช้ JavaScript สองสามบรรทัด Apple Sa
indexeddb เป็นแนวคิด HTML5 ใหม่ในการจัดเก็บข้อมูลภายในเบราว์เซอร์ของผู้ใช้ indexeddb มีพลังมากกว่าที่จัดเก็บในตัวเครื่องและใช้สำหรับแอปพลิเคชันที่ต้องการจัดเก็บข้อมูลจำนวนมาก แอปพลิเคชันเหล่านี้สามารถทำงานได้อย่างมีประสิทธิภาพและโหลดเร็วขึ้น W3C ได้ประกาศว่าฐานข้อมูล Web SQL เป็นข้อกำหนดการจัดเก็บใ
ฟังก์ชันต่อไปนี้เป็นตัวอย่างของ IndexedDB เพื่อเพิ่มข้อมูล: function add() { var request = db.transaction(["employee"], "readwrite") .objectStore("employee") .add({ id: "001", name: "Amit", age: 28, email: "
Web RTC ต้องการการสื่อสารแบบเพียร์ทูเพียร์ระหว่างเบราว์เซอร์ กลไกนี้จำเป็นต้องมีการส่งสัญญาณ ข้อมูลเครือข่าย การควบคุมเซสชัน และข้อมูลสื่อ นักพัฒนาเว็บสามารถเลือกกลไกที่แตกต่างกันในการสื่อสารระหว่างเบราว์เซอร์ เช่น SIP หรือ XMPP หรือการสื่อสารสองทาง ตัวอย่างของ createSignalingChannel(): var signalin
หากต้องการผสมผสาน คุณต้องผสมภาพสองภาพในสัดส่วน 50-50 มาดูกันว่า: <img src="Tutorial1.jpg" id="Tutorial One"> <img src="Tutorial2.jpg" id="Tutorial Two"> <p>Blended image<br> <canvas id="canvas"></canvas></p>
สัญลักษณ์รูปีมีดังต่อไปนี้และไม่ใช่ทุกเบราว์เซอร์ที่รองรับ: ₹ ในการทำให้ปรากฏบนหน้าเว็บของคุณ: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <i class="fa fa-inr"></i> คุณสามารถใช้สิ่ง
ผ้าใบ HTML5 ให้แอตทริบิวต์คอมโพสิต globalCompositeOperation ที่ส่งผลต่อการดำเนินการวาดทั้งหมด <!DOCTYPE HTML> <html> <head> <script> var compositeTypes = [ 'sour
หากต้องการเล่นแบบสุ่ม ให้เพิ่มเพลงดังนี้: init ([ 'http://demo.com/songs/song1.mp3, 'http://demo.com/songs/song2.mp3, 'http://demo.com/songs/song3.mp3 ]); ใช้สิ่งต่อไปนี้เพื่อเล่นแบบสุ่มโดยใช้ Math.random: function displayRandom() { v
สายน้ำ เหตุการณ์ Dragenter ใช้เพื่อกำหนดว่าเป้าหมายการดร็อปคือการยอมรับการดร็อปหรือไม่ หากจะยอมรับการดรอป งานนี้จะถูกยกเลิก ลากเส้น เหตุการณ์ dragover ซึ่งใช้เพื่อกำหนดว่าจะแสดงคำติชมใดให้ผู้ใช้เห็น หากกิจกรรมถูกยกเลิก ความคิดเห็น (โดยทั่วไปคือเคอร์เซอร์) จะได้รับการอัปเดตตามค่าของแอตทริบิวต์ drop
JavaScript ได้รับการออกแบบให้ทำงานในสภาพแวดล้อมแบบเธรดเดียว หมายความว่าสคริปต์หลายตัวไม่สามารถทำงานพร้อมกันได้ พิจารณาสถานการณ์ที่คุณต้องจัดการกับเหตุการณ์ UI สืบค้นและประมวลผลข้อมูล API จำนวนมาก และจัดการ DOM JavaScript จะหยุดเบราว์เซอร์ของคุณในสถานการณ์ที่มีการใช้งาน CPU สูง เรามาดูตัวอย่างง่ายๆ
นี่คือตัวอย่างฟังก์ชันการจัดการข้อผิดพลาดในไฟล์ JavaScript ของ Web Worker ที่บันทึกข้อผิดพลาดไปยังคอนโซล ตัวอย่าง ด้วยรหัสการจัดการข้อผิดพลาด ตัวอย่างด้านบนจะกลายเป็นดังนี้: <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> &nb
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตรวจหาคุณลักษณะของผู้ปฏิบัติงานบนเว็บที่มีอยู่ในเว็บเบราว์เซอร์: <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <script src = "/js/modernizr-1.5.min.js"&g
