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

ฉันค้นหาวิธีที่จะให้เขียน jQuery โดยอัตโนมัติโดยใช้การตรวจสอบ html5 ไปยังฟิลด์ป้อนข้อมูลของฉันทั้งหมด แต่ฉันมีปัญหาในการบอกตำแหน่งที่จะเขียน ฉันต้องการสิ่งนี้ <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150"> และให้มีการเพิ่มที่จำเป็นโดยอัตโนมัติก่อนแท็กปิด <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150" required> ฉันคิดว่าฉันสามารถทำอะไรสักอย่างตามสายของ $("input").attr("required", "true"); แต่มันไม่ทำงาน ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก

171 javascript  jquery  validation 

มี "เบื้องหลัง" ความแตกต่างจากการตั้งค่า innerHTML ขององค์ประกอบหรือการตั้งค่าคุณสมบัติ harmlySetInnerHTML บนองค์ประกอบหรือไม่ สมมติว่าฉันทำความสะอาดสิ่งต่าง ๆ ให้ถูกต้องเพื่อความเรียบง่าย ตัวอย่าง: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); VS var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ this.refs.test.innerHTML = "Hello"; }, render: function(){ return ( <div contentEditable='true' ref='test'></div> ); } }); …

171 javascript  html  reactjs 

ฉันมี IFrame ซึ่งเรียกหน้าโดเมนเดียวกัน ปัญหาของฉันคือฉันต้องการเข้าถึงข้อมูลบางอย่างจาก Iframe แม่จากหน้านี้เรียกว่า (จาก JavaScript) ฉันจะเข้าถึง Iframe นี้ได้อย่างไร รายละเอียด: มี Iframes หลายอย่างเช่นนี้ที่สามารถโหลดหน้าเดียวกันได้เนื่องจากฉันกำลังเขียนโปรแกรมสภาพแวดล้อม Windows ฉันตั้งใจจะปิด Iframe นี้นั่นเป็นเหตุผลว่าทำไมฉันต้องรู้ว่าฉันควรปิดตัวเขาอย่างไร ฉันมีอาร์เรย์ที่อ้างอิงถึง Iframes เหล่านี้ แก้ไข: มี iframes ถูกสร้างขึ้นแบบไดนามิก

170 javascript  iframe 

ฉันมีรูปแบบที่ใช้เวลาสักครู่เพื่อให้เซิร์ฟเวอร์ดำเนินการ ฉันต้องแน่ใจว่าผู้ใช้รอและไม่พยายามส่งแบบฟอร์มอีกครั้งโดยคลิกที่ปุ่มอีกครั้ง ฉันพยายามใช้รหัส jQuery ต่อไปนี้: <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> เมื่อฉันลองทำสิ่งนี้ใน Firefox ทุกอย่างจะถูกปิดใช้งาน แต่ไม่ได้ส่งแบบฟอร์มพร้อมกับข้อมูล POST ใด ๆ ที่ควรจะรวมไว้ด้วย ฉันไม่สามารถใช้ jQuery เพื่อส่งแบบฟอร์มได้เนื่องจากฉันต้องการปุ่มที่จะส่งพร้อมกับแบบฟอร์มเนื่องจากมีปุ่มส่งหลายปุ่มและฉันพิจารณาว่ามีการใช้ปุ่มใดซึ่งรวมอยู่ใน POST ฉันต้องการแบบฟอร์มที่จะส่งตามปกติและฉันต้องปิดการใช้งานทุกอย่างทันทีหลังจากนั้น ขอบคุณ!

170 javascript  jquery  double-submit-prevention  forms  http-post 

ด้วย JavaScript Array ฉันสามารถรีเซ็ตเป็นสถานะว่างด้วยการมอบหมายครั้งเดียว: array.length = 0; สิ่งนี้ทำให้ Array "ปรากฏ" ว่างเปล่าและพร้อมที่จะนำมาใช้ใหม่และเท่าที่ฉันเข้าใจคือ "การดำเนินการ" เดียว - นั่นคือเวลาคงที่ มีวิธีที่คล้ายกันเพื่อล้างวัตถุ JS หรือไม่ ฉันรู้ว่าฉันสามารถย้ำฟิลด์ของมันเพื่อลบพวกเขา: for (var prop in obj) { if (obj.hasOwnProperty(prop)) { delete obj[prop]; } } แต่นี่มีความซับซ้อนเชิงเส้น ฉันยังสามารถโยนวัตถุออกไปและสร้างวัตถุใหม่ได้: obj = {}; แต่การสร้าง "ใหม่" ของวัตถุใหม่จะทำให้เกิดปัญหากับ Garbage Collection ใน IE6 ( ตามที่อธิบายไว้ที่นี่ )

170 javascript  performance 

ฉันยังคงพยายามห่อหัวของฉันรอบ ๆ มัน ฉันสามารถให้ผู้ใช้เลือกไฟล์ (หรือหลาย ๆ ไฟล์) ด้วยอินพุตไฟล์: <form> <div> <label>Select file to upload</label> <input type="file"> </div> <button type="submit">Convert</button> </form> และผมสามารถจับเหตุการณ์ใช้submit <fill in your event handler here>แต่เมื่อฉันทำฉันจะส่งไฟล์โดยใช้fetch? fetch('/files', { method: 'post', // what goes here? What is the "body" for this? content-type header? }).then(/* whatever */);

170 javascript  fetch-api 

ฉันมี js ชิ้นนี้ในเว็บไซต์ของฉันเพื่อสลับภาพ แต่ต้องการความล่าช้าเมื่อคุณคลิกที่ภาพเป็นครั้งที่สอง ความล่าช้าควรเป็น 1000ms ดังนั้นคุณจะคลิก img.jpg จากนั้น img_onclick.jpg จะปรากฏขึ้น จากนั้นคุณจะคลิกที่ภาพ img_onclick.jpg ซึ่งจะมีความล่าช้า 1,000ms ก่อนที่จะปรากฏ img.jpg อีกครั้ง นี่คือรหัส: jQuery(document).ready(function($) { $(".toggle-container").hide(); $(".trigger").toggle(function () { $(this).addClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg'); }, function () { $(this).removeClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg'); }); $(".trigger").click(function () { $(this).next(".toggle-container").slideToggle(); }); });

170 javascript  jquery 

ฉันเจอรหัสต่อไปนี้: function test(data) { if (data != null && data !== undefined) { // some code here } } ฉันค่อนข้างใหม่กับ JavaScript แต่จากคำถามอื่น ๆ ที่ฉันได้อ่านที่นี่ฉันรู้สึกว่ารหัสนี้ไม่สมเหตุสมผล โดยเฉพาะคำตอบนี้ระบุว่า คุณจะได้รับข้อผิดพลาดถ้าคุณเข้าถึงตัวแปรที่ไม่ได้กำหนดในบริบทอื่น ๆ typeofกว่าใด อัปเดต:คำตอบ (อ้างถึง) ด้านบนอาจทำให้เข้าใจผิด มันควรจะพูดว่า«ตัวแปรที่ไม่ได้ประกาศ»แทนที่จะ«ตัวแปรไม่ได้กำหนด» ดังที่ฉันค้นพบในคำตอบของRyan ♦ , maericsและnwellnhofถึงแม้ว่าจะไม่มีการขัดแย้งกับฟังก์ชันฟังก์ชันตัวแปรสำหรับอาร์กิวเมนต์จะถูกประกาศเสมอ ความจริงข้อนี้ยังพิสูจน์ข้อแรกในรายการด้านล่าง จากความเข้าใจของฉันสถานการณ์ต่อไปนี้อาจประสบ: ฟังก์ชั่นได้รับการเรียกว่ามีการขัดแย้งใดจึงทำให้ตัวแปรไม่ได้กำหนดและการสร้างข้อผิดพลาดในdatadata != null ฟังก์ชั่นถูกเรียกโดยเฉพาะอย่างยิ่งกับnull(หรือundefined) เป็นอาร์กิวเมนต์ในกรณีที่data != nullได้รับการปกป้องรหัสภายในทำให้การแสดงผลที่&& data !== undefinedไร้ประโยชน์ ฟังก์ชั่นถูกเรียกด้วยอาร์กิวเมนต์ null …

170 javascript  null  undefined  null-check 

นี่เป็นปัญหาที่พบบ่อย แต่ฉันไม่แน่ใจว่าจะแก้ไขได้อย่างไร รหัสด้านล่างใช้งานได้ดี var mind = time % (60 * 60); var minutes = Math.floor(mind / 60); var secd = mind % 60; var seconds = Math.ceil(secd); อย่างไรก็ตามเมื่อฉันไปถึง 1 ชั่วโมงหรือ 3600 วินาทีมันจะคืนค่า 0 นาทีและ 0 วินาที ฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไรเพื่อให้ส่งกลับทุกนาที ขอบคุณ

170 javascript 

รับรหัสต่อไปนี้: var arr = [1,2,3,4,5]; var results: number[] = await arr.map(async (item): Promise<number> => { await callAsynchronousOperation(item); return item + 1; }); ซึ่งสร้างข้อผิดพลาดต่อไปนี้: TS2322: พิมพ์ 'Promise <number> []' ไม่สามารถกำหนดให้พิมพ์ 'number []' พิมพ์ 'Promise <number> ไม่สามารถกำหนดให้พิมพ์' number 'ได้ ฉันจะแก้ไขได้อย่างไร ฉันจะสร้างasync awaitและArray.mapทำงานร่วมกันได้อย่างไร

170 javascript  typescript  promise  async-await  ecmascript-2017 

ถ้าฉันสร้างสิ่งiframeนี้: var dialog = $('<div id="' + dialogId + '" align="center"><iframe id="' + frameId + '" src="' + url + '" width="100%" frameborder="0" height="'+frameHeightForIe8+'" data-ssotoken="' + token + '"></iframe></div>').dialog({ ฉันจะแก้ไขข้อผิดพลาดได้อย่างไร: ปฏิเสธที่จะแสดง'https://www.google.com.ua/?gws_rd=ssl'ในเฟรมเนื่องจากตั้งค่า 'X-Frame-Options' เป็น 'SAMEORIGIN' ด้วย JavaScript?

170 javascript  jquery  x-frame-options 

ฉันมีการเลื่อนdivและฉันต้องการที่จะมีลิงค์เมื่อฉันคลิกที่มันมันจะบังคับdivให้เลื่อนเพื่อดูองค์ประกอบภายใน ฉันเขียน JavasSript ของมันเช่นนี้: document.getElementById(chr).scrollIntoView(true); แต่สิ่งนี้จะเลื่อนหน้าทั้งหมดในขณะที่เลื่อนdivตัวเอง จะแก้ไขได้อย่างไร? ฉันอยากพูดแบบนั้น MyContainerDiv.getElementById(chr).scrollIntoView(true);

170 javascript  html  scroll 

มีวิธีง่ายๆในการรวมแผนที่ ES6 เข้าด้วยกัน (เช่นObject.assign) หรือไม่? และในขณะที่เราอยู่ที่นี่แล้ว ES6 เซต (เหมือนArray.concat)

170 javascript  set  ecmascript-6 

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ใช้ Google แผนที่สองสามครั้ง แต่สิ่งที่สงสัยเกี่ยวกับOpenLayers ก่อนที่จะเริ่มการเข้ารหัสประเภทใด ๆ ต่อไปนี้เป็นคำถามสองสามข้อที่อยู่ในใจของฉัน ทำไมฉันถึงต้องใช้ OpenLayers แทน Google Maps? ยกเว้นสิทธิ์การใช้งาน OSS คุณประสบกับสถานการณ์ที่คุณไม่แนะนำให้ใช้ OpenLayers หรือไม่? ผมค้นหาเกี่ยวกับ "OpenLayers" ในกองมากเกิน ; ไม่มีคำตอบมากมาย มันหมายถึงการแก้ปัญหานี้ไม่ได้ใช้มาก? มันอาจเป็นปัญหาสำหรับความอยู่รอดในระยะยาวของโครงการหรือไม่? สำหรับผู้ที่เคยใช้ OpenLayers อยู่แล้ว: มีข้อผิดพลาดหรือปัญหาที่ฉันพบบ่อยไหม? แล้วการใช้ JavaScript Framework กับมันล่ะ? ฉันเห็นว่ามันใช้Prototypeและฉันรู้จัก Prototype ดังนั้นมันก็ใช้ได้ แต่สิ่งที่เกี่ยวกับการใช้อย่างอื่นเช่นMooTools ? (ซึ่งเข้ากันไม่ได้กับ Prototype, BTW) มีปัญหาเกี่ยวกับความเร็วและประสิทธิภาพหรือไม่? ฉันต้องการใบสมัครของฉันที่จะตอบสนองและไม่สามารถรอชั่วโมงเพื่อให้แผนที่แสดง …

169 javascript  google-maps  openlayers 

ฉันใช้ jQuery และฉันต้องการตรวจสอบการมีอยู่ขององค์ประกอบในหน้าของฉัน ฉันเขียนโค้ดต่อไปนี้แล้ว แต่มันไม่ทำงาน: if($("#btext" + i) != null) { //alert($("#btext" + i).text()); $("#btext" + i).text("Branch " + i); } ฉันจะตรวจสอบการมีอยู่ขององค์ประกอบได้อย่างไร

169 javascript  jquery  dom  object  null