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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

11
รับดัชนีโหนดลูก
ในจาวาสคริปต์แบบตรง (กล่าวคือไม่มีส่วนขยายเช่น jQuery เป็นต้น) มีวิธีกำหนดดัชนีของโหนดลูกภายในโหนดแม่โดยไม่ต้องวนซ้ำและเปรียบเทียบโหนดลูกทั้งหมดหรือไม่ เช่น, var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; var child_index; for (var i = 0; i < count; ++i) { if (child === childNodes[i]) { child_index = i; break; } } มีวิธีที่ดีกว่าในการกำหนดดัชนีของเด็กหรือไม่?
125 javascript  dom 

9
รับข้อความตัวเลือกที่เลือกด้วย JavaScript
ฉันมีรายการแบบเลื่อนลงดังนี้: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> ฉันจะรับข้อความตัวเลือกจริงแทนค่าโดยใช้ JavaScript ได้อย่างไร ฉันจะได้รับคุณค่าด้วยสิ่งต่างๆเช่น: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > แต่7122ฉันต้องการcatมากกว่า

13
ลิงค์ภายนอกของ React-Router
เนื่องจากฉันใช้ react-router เพื่อจัดการเส้นทางของฉันในแอป react ฉันจึงสงสัยว่ามีวิธีเปลี่ยนเส้นทางไปยังทรัพยากรภายนอกหรือไม่ พูดว่ามีคนฮิต: example.com/privacy-policy ฉันต้องการให้เปลี่ยนเส้นทางไปที่: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies ฉันพบว่าไม่มีความช่วยเหลือในการหลีกเลี่ยงการเขียนเป็น JS ธรรมดาที่การโหลด index.html ของฉันด้วยสิ่งที่ต้องการ: if ( window.location.path === "privacy-policy" ){ window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }

15
คุณตั้งชื่อเอกสารใน React ได้อย่างไร?
ฉันต้องการตั้งชื่อเอกสาร (ในแถบชื่อเรื่องของเบราว์เซอร์) สำหรับแอปพลิเคชัน React ของฉัน ฉันได้ลองใช้react-document-title (ดูเหมือนล้าสมัย) และการตั้งค่าdocument.titleในconstructorและcomponentDidMount()- ไม่มีวิธีแก้ปัญหาเหล่านี้
125 javascript  reactjs  dom 

9
ฉันจะส่งข้อมูลจาก Flask ไปยัง JavaScript ในเทมเพลตได้อย่างไร
แอปของฉันโทรไปยัง API ที่ส่งคืนพจนานุกรม ฉันต้องการส่งข้อมูลจากคำสั่งนี้ไปยัง JavaScript ในมุมมอง ฉันใช้ Google Maps API ใน JS โดยเฉพาะดังนั้นฉันจึงต้องการส่งรายการสิ่งต่อไปนี้ที่มีข้อมูล long / lat ฉันรู้ว่าrender_templateจะส่งตัวแปรเหล่านี้ไปยังมุมมองเพื่อให้สามารถใช้ใน HTML ได้ แต่ฉันจะส่งต่อไปยัง JavaScript ในเทมเพลตได้อย่างไร from flask import Flask from flask import render_template app = Flask(__name__) import foo_api api = foo_api.API('API KEY') @app.route('/') def get_data(): events = api.call(get_event, arg0, arg1) geocode = event['latitude'], …

1
การกรองแบบสองทางใน AngularJS ทำอย่างไร?
สิ่งที่น่าสนใจอย่างหนึ่งที่ AngularJS สามารถทำได้คือใช้ตัวกรองกับนิพจน์การเชื่อมโยงฐานข้อมูลซึ่งเป็นวิธีที่สะดวกในการนำไปใช้เช่นสกุลเงินเฉพาะวัฒนธรรมหรือการจัดรูปแบบวันที่ของคุณสมบัติของโมเดล นอกจากนี้ยังดีที่มีคุณสมบัติที่คำนวณในขอบเขต ปัญหาคือคุณลักษณะเหล่านี้ไม่ทำงานกับสถานการณ์จำลองการเชื่อมต่อฐานข้อมูลแบบสองทาง - การเชื่อมฐานข้อมูลทางเดียวจากขอบเขตไปยังมุมมอง นี่ดูเหมือนจะเป็นการมองข้ามไปอย่างชัดเจนในห้องสมุดที่ยอดเยี่ยมอย่างอื่นหรือฉันพลาดอะไรไป? ในKnockoutJSฉันสามารถสร้างคุณสมบัติที่คำนวณด้วยการอ่าน / เขียนซึ่งอนุญาตให้ฉันระบุคู่ของฟังก์ชันซึ่งเรียกว่าเพื่อรับค่าของคุณสมบัติและอีกฟังก์ชันหนึ่งที่ถูกเรียกเมื่อตั้งค่าคุณสมบัติ สิ่งนี้ทำให้ฉันสามารถใช้ตัวอย่างเช่นอินพุตที่รับรู้วัฒนธรรมโดยให้ผู้ใช้พิมพ์ "$ 1.24" และแยกวิเคราะห์เป็นลอยใน ViewModel และมีการเปลี่ยนแปลงใน ViewModel ที่แสดงในอินพุต สิ่งที่ใกล้เคียงที่สุดที่ฉันสามารถพบได้คือการใช้$scope.$watch(propertyName, functionOrNGExpression);สิ่งนี้ช่วยให้ฉันมีฟังก์ชันที่เรียกใช้เมื่อคุณสมบัติในไฟล์$scopeเปลี่ยนแปลง แต่สิ่งนี้ไม่สามารถแก้ปัญหาได้เช่นปัญหาการป้อนข้อมูลที่คำนึงถึงวัฒนธรรม สังเกตเห็นปัญหาเมื่อฉันพยายามแก้ไข$watchedคุณสมบัติภายใน$watchวิธีการ: $scope.$watch("property", function (newValue, oldValue) { $scope.outputMessage = "oldValue: " + oldValue + " newValue: " + newValue; $scope.property = Globalize.parseFloat(newValue); }); ( http://jsfiddle.net/gyZH8/2/ ) องค์ประกอบการป้อนข้อมูลจะสับสนมากเมื่อผู้ใช้เริ่มพิมพ์ ฉันปรับปรุงโดยการแยกคุณสมบัติออกเป็นสองคุณสมบัติหนึ่งสำหรับค่าที่ไม่ได้แยกวิเคราะห์และอีกค่าหนึ่งสำหรับค่าที่แยกวิเคราะห์: $scope.visibleProperty= …

8
ความแตกต่างระหว่าง toFixed () และ toPrecision ()?
ฉันยังใหม่กับ JavaScript และเพิ่งค้นพบtoFixed()และtoPrecision()ปัดเศษตัวเลข อย่างไรก็ตามฉันคิดไม่ออกว่าความแตกต่างระหว่างทั้งสองคืออะไร อะไรคือความแตกต่างระหว่างnumber.toFixed()และnumber.toPrecision()?


7
การอนุญาต Firebase ถูกปฏิเสธ
ฉันค่อนข้างใหม่กับการเขียนโค้ดและกำลังมีปัญหา ฉันมีรหัสนี้เพื่อส่งข้อมูลไปยัง firebase app.userid = app.user.uid var userRef = app.dataInfo.child(app.users); var useridRef = userRef.child(app.userid); useridRef.set({ locations: "", theme: "", colorScheme: "", food: "" }); อย่างไรก็ตามฉันยังคงได้รับข้อผิดพลาด: คำเตือน FIREBASE: ตั้งค่าที่ / users / (GoogleID) ล้มเหลว: permission_denied 2016-05-23 22: 52: 42.707 firebase.js: 227 Uncaught (ตามสัญญา) ข้อผิดพลาด: PERMISSION_DENIED: การอนุญาตถูกปฏิเสธ (…) เมื่อฉันพยายามค้นหาสิ่งนี้มันจะพูดถึงกฎสำหรับ Firebase ซึ่งดูเหมือนว่าจะเป็นภาษาที่ฉันยังไม่ได้เรียนรู้ (หรือมันเป็นแค่การพูดเหนือหัวของฉัน) …

9
ตรวจสอบว่าวันที่ถูกต้องหรือไม่
ต่อไปนี้เป็นสถานการณ์: ฉันมีStringวันที่และรูปแบบวันที่ที่แตกต่างกัน เช่น วันที่: 2016-10-19 dateFormat: "DD-MM-YYYY" ฉันต้องการตรวจสอบว่าวันที่นี้เป็นวันที่ถูกต้องหรือไม่ ฉันได้ลองทำตามสิ่งต่างๆแล้ว var d = moment("2016-10-19",dateFormat); d.isValid()จะกลับมาfalseทุกครั้ง Moment.js ไม่แยกวิเคราะห์วันที่ในรูปแบบที่กำหนด? จากนั้นฉันพยายามจัดรูปแบบวันที่DD-MM-YYYYก่อนแล้วส่งต่อไปยัง Moment.js: var d = moment("2016-10-19").format(dateFormat); var date = moment(d, dateFormat); ตอนนี้date.isValid()กำลังให้ผลลัพธ์ที่ต้องการ แต่ที่นี่วัตถุวันที่ Moment.js ถูกสร้างขึ้นสองครั้ง ฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไร? มีทางออกที่ดีกว่านี้หรือไม่? FYI ฉันไม่ได้รับอนุญาตให้เปลี่ยนไฟล์dateFormat.

12
วิธีรับวันในสัปดาห์และเดือนของปี?
ฉันไม่รู้เกี่ยวกับ Javascript มากนักและคำถามอื่น ๆ ที่ฉันพบเกี่ยวข้องกับการดำเนินการในวันที่ไม่เพียง แต่ได้รับข้อมูลตามที่ฉันต้องการเท่านั้น วัตถุประสงค์ ฉันต้องการรับวันที่ตามรูปแบบด้านล่าง: พิมพ์เมื่อวันพฤหัสบดีที่ 27 มกราคม 2554 เวลา 17:42:21 น จนถึงตอนนี้ฉันได้รับสิ่งต่อไปนี้: var now = new Date(); var h = now.getHours(); var m = now.getMinutes(); var s = now.getSeconds(); h = checkTime(h); m = checkTime(m); s = checkTime(s); var prnDt = "Printed on Thursday, " + …

11
จะเปิด html โดยใช้ Chrome ในโหมด“ --allow-file-access-from-files” ได้อย่างไร
ฉันมีสถานการณ์เดียวกันกับที่นี่ และเพื่อแก้ปัญหานี้ฉันต้องเปิดไฟล์ html โดยใช้ Chrome ที่โหมด "--allow-file-access-from-files" ฉันลองทำตามขั้นตอนต่อไปหลายครั้ง แต่ก็ไม่ได้ผล เริ่ม cmd ภายใต้ windows 7 ตรงไปยังโฟลเดอร์ chrome.exe ทำเช่นนี้ chrome --allow-file-access-from-files file:///C:/test%20-%203.html

11
ตรวจสอบว่ามีภาพอยู่บนเซิร์ฟเวอร์โดยใช้ JavaScript หรือไม่
การใช้ javascript มีวิธีที่จะบอกได้ว่าทรัพยากรมีอยู่บนเซิร์ฟเวอร์หรือไม่? ตัวอย่างเช่นฉันมีรูปภาพ 1.jpg - 5.jpg โหลดลงในหน้า html ฉันต้องการเรียกใช้ฟังก์ชัน JavaScript ทุกๆนาทีหรือมากกว่านั้นโดยประมาณจะทำรหัสเริ่มต้นต่อไปนี้ ... if "../imgs/6.jpg" exists: var nImg = document.createElement("img6"); nImg.src = "../imgs/6.jpg"; คิด? ขอบคุณ!
124 javascript 

4
จะเปลี่ยนความเร็วในการเล่นวิดีโอใน HTML5 ได้อย่างไร?
จะเปลี่ยนความเร็วในการเล่นวิดีโอใน HTML5 ได้อย่างไร? ฉันได้ตรวจสอบคุณสมบัติของแท็กวิดีโอใน w3school แล้ว แต่ไม่สามารถเข้าใกล้ได้ขอความช่วยเหลือใด ๆ จะขอบคุณ!

11
'dispatch' ไม่ใช่ฟังก์ชันเมื่ออาร์กิวเมนต์ไปยัง mapToDispatchToProps () ใน Redux
ฉันเป็นมือใหม่ javascript / redux / react ที่สร้างแอปพลิเคชั่นขนาดเล็กที่มี redux, react-redux และ react ด้วยเหตุผลบางประการเมื่อใช้ฟังก์ชัน mapDispatchToProps ควบคู่กับการเชื่อมต่อ (การเชื่อมต่อแบบ react-redux) ฉันได้รับ TypeError ซึ่งระบุว่าการจัดส่งไม่ใช่ฟังก์ชันเมื่อฉันพยายามเรียกใช้ prop ที่เป็นผลลัพธ์ อย่างไรก็ตามเมื่อฉันเรียกการจัดส่งเป็นเสา (ดูฟังก์ชัน setAddr ในรหัสที่ให้มา) มันใช้งานได้ ฉันสงสัยว่าทำไมจึงเป็นเช่นนี้ในตัวอย่างแอป TODO ในเอกสาร redux เมธอด mapDispatchToProps ได้รับการตั้งค่าในลักษณะเดียวกัน เมื่อฉัน console.log (จัดส่ง) ภายในฟังก์ชันมันจะบอกว่าการจัดส่งเป็นวัตถุประเภท ฉันสามารถใช้การจัดส่งด้วยวิธีนี้ต่อไปได้ แต่ฉันจะรู้สึกดีขึ้นเมื่อทราบว่าเหตุใดจึงเกิดขึ้นก่อนที่จะดำเนินการต่อด้วย redux ฉันใช้ webpack กับ babel-loaders เพื่อรวบรวม รหัสของฉัน: import React, { PropTypes, …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.