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

5

ฉันจะปัดเศษเป็นจำนวนเต็มใน JavaScript ได้อย่างไร

ฉันมีรหัสต่อไปนี้เพื่อคำนวณเปอร์เซ็นต์ที่แน่นอน: var x = 6.5; var total; total = x/15*100; // Result 43.3333333333 สิ่งที่ฉันต้องการได้ผลลัพธ์คือจำนวนที่แน่นอน43และถ้าผลรวม43.5ควรจะปัดเศษเป็น44 มีวิธีทำใน JavaScript หรือไม่?

93 javascript operators rounding

6

เล่นไฟล์เสียงโดยใช้ jQuery เมื่อคลิกปุ่ม

ฉันพยายามเล่นไฟล์เสียงเมื่อฉันคลิกปุ่ม แต่มันไม่ทำงานรหัส html ของฉันคือ: <html> <body> <div id="container"> <button id="play"> Play Music </button> </div> </body> </html> JavaScript ของฉันคือ: $('document').ready(function () { $('#play').click(function () { var audio = {}; audio["walk"] = new Audio(); audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3" audio["walk"].addEventListener('load', function () { audio["walk"].play(); }); }); }); ฉันได้สร้างซอสำหรับสิ่งนั้นด้วย

93 javascript jquery html

9

ฉันสามารถติดตั้งแพ็คเกจ NPM จาก javascript ที่ทำงานใน Node.js ได้หรือไม่

ฉันสามารถติดตั้งแพ็คเกจ NPM จากไฟล์ javascript ที่ทำงานใน Node.js ได้หรือไม่ ตัวอย่างเช่นฉันต้องการมีสคริปต์เรียกมันว่า "script.js" (... โดยใช้ NPM หรือไม่ ... ) ติดตั้งแพคเกจที่มักจะมีให้ผ่าน NPM ในตัวอย่างนี้ฉันต้องการติดตั้ง "FFI" (npm ติดตั้ง ffi)

93 javascript node.js npm

4

เหตุการณ์ดร็อปไม่เริ่มทำงานใน Chrome

ดูเหมือนว่าเหตุการณ์ดร็อปจะไม่เกิดขึ้นเมื่อฉันคาดหวัง ฉันคิดว่าเหตุการณ์ดร็อปเริ่มทำงานเมื่อองค์ประกอบที่ถูกลากถูกปล่อยออกมาเหนือองค์ประกอบเป้าหมาย แต่ดูเหมือนจะไม่เป็นเช่นนั้น ฉันเข้าใจผิดอะไร? http://jsfiddle.net/LntTL/ $('.drop').on('drop dragdrop',function(){ alert('dropped'); }); $('.drop').on('dragenter',function(){ $(this).html('drop now').css('background','blue'); }) $('.drop').on('dragleave',function(){ $(this).html('drop here').css('background','red'); })

93 javascript jquery events drag-and-drop jquery-events

4

ลิงก์สมอ HTML - href และ onclick ทั้งสอง?

ฉันต้องการสร้างจุดยึดแท็กที่เรียกใช้ JavaScript บางส่วนจากนั้นดำเนินการต่อไปทุกที่ที่hrefใช้ การเรียกใช้ฟังก์ชันที่เรียกใช้งาน JavaScript ของฉันแล้วตั้งค่าwindow.locationหรือtop.locationไปยังhrefตำแหน่งนั้นไม่ได้ผลสำหรับฉัน ลองนึกภาพว่าฉันมีองค์ประกอบที่มี id "Foo" อยู่บนหน้า ฉันต้องการเขียนจุดยึดที่คล้ายกับ: <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> เมื่อคลิกสิ่งนี้ฉันต้องการเรียกใช้ runMyFunction จากนั้นข้ามหน้าไปที่#Foo(ไม่ทำให้เกิดการโหลดซ้ำ - การใช้top.locationจะทำให้โหลดหน้าซ้ำ) ข้อเสนอแนะ? ฉันยินดีที่จะใช้ jQuery หากสามารถช่วยได้ที่นี่ ...

93 javascript jquery html anchor

4

ความแตกต่างระหว่าง window.location.href และ top.location.href

ใครช่วยบอกความแตกต่างระหว่างwindow.location.hrefและtop.location.href? และยังใช้ที่ใด แล้วอันไหนจะดีกว่ากันเมื่อเปลี่ยนเส้นทางหลังจาก ajax call ใน mvc?

93 javascript asp.net-mvc

14

ใหม่ Date () ใช้งานได้ใน Chrome แต่ไม่ใช่ Firefox

ฉันกำลังสร้างสตริงวันที่และเวลาที่มีลักษณะดังนี้: 2010-07-15 11:54:21 และด้วยรหัสต่อไปนี้ฉันได้รับวันที่ไม่ถูกต้องใน Firefox แต่ใช้งานได้ดีใน Chrome var todayDateTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + seconds; var date1 = new Date(todayDateTime); ใน firefox date1 ให้วันที่ที่ไม่ถูกต้องแก่ฉัน แต่ใน chrome มันใช้งานได้ดีอะไรคือสาเหตุหลัก?

93 javascript google-chrome date datetime firefox

3

วิธีทดสอบว่าตัวแปรเป็นวัตถุ Moment.js หรือไม่?

แอปพลิเคชันของฉันมีรูปแบบ HTML โดยมีอินพุตบางส่วนที่เติมจากแบ็กเอนด์และอินพุตอื่น ๆ ที่ผู้ใช้ป้อน (ในtimeอินพุต) onChangeฟังก์ชั่นที่ไหลผ่านแต่ละป้อนข้อมูลเมื่อผู้ใช้มีการเปลี่ยนแปลงค่า อินพุตที่เติมจากแบ็กเอนด์จะถูกแปลงเป็นmomentอ็อบเจ็กต์วันที่ที่ผู้ใช้ป้อนเป็นเพียงสตริง ซึ่งหมายความว่าonChangeฟังก์ชันพบบางmomentวัตถุและบางสตริง ฉันต้องการทราบว่าปัจจัยการผลิตใดเป็นmomentวัตถุและสิ่งที่ไม่ใช่ วิธีที่แนะนำสำหรับการทดสอบว่าตัวแปรเป็นmomentวัตถุคืออะไร ฉันสังเกตเห็นว่าmomentวัตถุมี_isAMomentObjectคุณสมบัติ แต่ฉันสงสัยว่ามีวิธีอื่นในการทดสอบว่าตัวแปรเป็นmomentวัตถุหรือไม่ อีกทางเลือกหนึ่งที่ฉันได้ลองคือเรียกmomentใช้ตัวแปรโดยไม่คำนึงถึง สิ่งนี้จะแปลงstringตัวแปรเป็นmomentวัตถุและดูเหมือนจะไม่มีผลกับmomentวัตถุที่มีอยู่

93 javascript momentjs

11

คอนโซลนักพัฒนา Chrome JavaScript: สามารถเรียก console.log () โดยไม่ขึ้นบรรทัดใหม่ได้หรือไม่

ฉันต้องการใช้ console.log () เพื่อบันทึกข้อความโดยไม่ต้องต่อท้ายบรรทัดใหม่หลังจากการเรียกแต่ละครั้งไปที่ console.log () เป็นไปได้หรือไม่

93 javascript google-chrome console logging

7

ป้องกันการรีเฟรชหน้าทุกรูปแบบโดยใช้ jQuery / Javascript

เมื่อผู้ใช้อยู่ในหน้าของฉันฉันไม่ต้องการให้เขารีเฟรชหน้านี้ เมื่อใดก็ตามที่ผู้ใช้F5กดปุ่มหรือรีเฟรชที่ด้านบน เขาควรได้รับการแจ้งเตือนว่า คุณไม่สามารถรีเฟรชเพจได้ นอกจากนี้หากผู้ใช้เปิดแท็บใหม่และพยายามเข้าถึง url เดียวกันในแท็บก่อนหน้าเขาควรได้รับการแจ้งเตือน คุณไม่สามารถเปิดหน้าเดียวกันใน 2 แท็บ อย่างไรก็ตามฉันสามารถทำได้โดยใช้ JavaScript หรือ jQuery? จุดที่หนึ่งสำคัญมาก

93 javascript jquery refresh

6

จะตั้งค่าแอตทริบิวต์ HTML5 ที่ต้องการใน Javascript ได้อย่างไร?

ฉันพยายามทำเครื่องหมายที่textช่องป้อนข้อมูลตามต้องการใน Javascript <input id="edName" type="text" id="name"> หากฟิลด์ถูกทำเครื่องหมายในตอนแรกว่าrequired: <form> <input id="edName" type="text" id="name" required><br> <input type="submit" value="Search"> </form> เมื่อผู้ใช้พยายามส่งจะได้รับข้อผิดพลาดในการตรวจสอบความถูกต้อง: แต่ตอนนี้ฉันต้องการตั้งค่าrequiredแอตทริบิวต์ที่"รันไทม์"ผ่าน Javascript: <form> <input id="edName" type="text" id="name"><br> <input type="submit" value="Search"> </form> ด้วยสคริปต์ที่เกี่ยวข้อง: //recommended W3C HTML5 syntax for boolean attributes document.getElementById("edName").attributes["required"] = ""; ยกเว้นตอนที่ฉันส่งตอนนี้ไม่มีการตรวจสอบความถูกต้องไม่มีบล็อก เป็นสิ่งที่ถูกต้องวิธีการตั้งค่าแอตทริบิวต์บูลีนการตรวจสอบ HTML5 ? jsFiddle คุณถามว่าแอตทริบิวต์มีมูลค่าเท่าใด การตรวจสอบ HTML5 requiredแอตทริบิวต์เป็นเอกสารที่เป็นBoolean: 4.10.7.3.4 …

93 javascript html validation

10

Javascript วิธีแยกวิเคราะห์อาร์เรย์ JSON

ฉันใช้ Sencha Touch (ExtJS) เพื่อรับข้อความ JSON จากเซิร์ฟเวอร์ ข้อความที่ฉันได้รับคือข้อความนี้: { "success": true, "counters": [ { "counter_name": "dsd", "counter_type": "sds", "counter_unit": "sds" }, { "counter_name": "gdg", "counter_type": "dfd", "counter_unit": "ds" }, { "counter_name": "sdsData", "counter_type": "sds", "counter_unit": " dd " }, { "counter_name": "Stoc final", "counter_type": "number ", "counter_unit": "litri " }, …

93 javascript json extjs

5

เครื่องหมายหลายตัวของ Google Maps API พร้อม Infowindows

ฉันกำลังพยายามเพิ่มเครื่องหมายหลายตัวด้วยหน้าต่างข้อมูลของตัวเองที่ปรากฏขึ้นเมื่อคลิก ฉันกำลังมีปัญหากับการทำให้อินโฟวินโดวส์ปรากฏขึ้นเมื่อฉันลองใช้งานอาจมีเครื่องหมายเพียงตัวเดียวโดยไม่มีหน้าต่างข้อมูล ขอบคุณโปรดแจ้งให้เราทราบหากคุณต้องการข้อมูลเพิ่มเติม <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB1tbIAqN0XqcgTR1-FxYoVTVq6Is6lD98&sensor=false"> </script> <script type="text/javascript"> var locations = [ ['loan 1', 33.890542, 151.274856, 'address 1'], ['loan 2', 33.923036, 151.259052, 'address …

93 javascript google-maps google-maps-api-3 google-maps-markers infowindow

5

รีเฟรชส่วนของหน้า (div)

ฉันมีไฟล์ html พื้นฐานที่แนบมากับโปรแกรม java โปรแกรม java นี้อัปเดตเนื้อหาส่วนหนึ่งของไฟล์ HTML ทุกครั้งที่รีเฟรชเพจ ฉันต้องการรีเฟรชเฉพาะส่วนนั้นของหน้าหลังจากแต่ละช่วงเวลา ฉันสามารถวางส่วนที่ฉันต้องการรีเฟรชใน a divได้ แต่ฉันไม่แน่ใจว่าจะรีเฟรชเฉพาะเนื้อหาของไฟล์div. ความช่วยเหลือใด ๆ จะได้รับการชื่นชม ขอบคุณ.

93 javascript html refresh

2

เปลี่ยนค่า textNode

มีวิธีใดในการเปลี่ยนค่าของ DOM textNode ในเว็บเบราว์เซอร์หรือไม่? ฉันต้องการทราบเป็นพิเศษว่าฉันสามารถเปลี่ยนโหนดที่มีอยู่ได้หรือไม่แทนที่จะสร้างโหนดใหม่ เพื่อความชัดเจนฉันต้องทำสิ่งนี้ด้วย Javascript ข้อความทั้งหมดในเบราว์เซอร์จะถูกเก็บไว้ใน #textNodes ซึ่งเป็นลูกของโหนด HTML อื่น ๆ แต่ไม่สามารถมีโหนดลูกของตนเองได้ ตามคำตอบด้านล่างเนื้อหาสามารถเปลี่ยนแปลงได้โดยการตั้งค่าคุณสมบัติnodeValueของ Objects เหล่านี้

93 javascript dom dhtml

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