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

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

5
ค้นหาองค์ประกอบบรรพบุรุษที่ใกล้เคียงที่สุดซึ่งมีคลาสเฉพาะ
ฉันสามารถหาบรรพบุรุษขององค์ประกอบที่ใกล้เคียงขึ้นไปบนต้นไม้ที่มีระดับโดยเฉพาะอย่างยิ่งใน JavaScript บริสุทธิ์ ? ตัวอย่างเช่นในต้นไม้เช่นนั้น: <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> แล้วฉันต้องการdiv.near.ancestorถ้าฉันลองนี้บนและค้นหาpancestor
225 javascript  html  dom 

12
อะไรคือวิธีที่ดีที่สุดในการสร้างเค้าโครงการแสดงภาพประกอบเพลงในแบบ d3.js
สมมติว่าฉันมีสคริปต์ฮิสโตแกรมที่สร้างกราฟิก 960 500 svg ฉันจะทำให้การตอบสนองนี้ปรับขนาดความกว้างและความสูงของกราฟิกเป็นแบบไดนามิกได้อย่างไร <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for (var i = 0; i < n; i++) { for (var s = 0, j = 0; j < …

14
คำขอส่วนหัวฟิลด์ Access-Control-Allow-Headers ไม่ได้รับอนุญาตจาก Access-Control-Allow-Headers
ฉันกำลังพยายามส่งไฟล์ไปยังเซิร์ฟเวอร์ของฉันด้วยคำขอโพสต์ แต่เมื่อมันส่งมันทำให้เกิดข้อผิดพลาด: ช่องคำขอส่วนหัวเนื้อหาไม่ได้รับอนุญาตจาก Access-Control-Allow-Headers ดังนั้นฉันจึงไปที่ข้อผิดพลาดและเพิ่มส่วนหัว: $http.post($rootScope.URL, {params: arguments}, {headers: { "Access-Control-Allow-Origin" : "*", "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS", "Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With" } จากนั้นฉันได้รับข้อผิดพลาด: ช่องคำขอส่วนหัว Access-Control-Allow-Origin ไม่ได้รับอนุญาตจาก Access-Control-Allow-Headers ดังนั้นฉันจึงค้นหาและคำถามที่คล้ายกันเพียงข้อเดียวที่ฉันพบก็คือให้คำตอบเพียงครึ่งเดียวจากนั้นปิดหัวข้อ ฉันควรจะเพิ่ม / ลบส่วนหัวใด

15
ตรวจสอบว่าภาพถูกโหลด (ไม่มีข้อผิดพลาด) ด้วย jQuery
ฉันใช้จาวาสคริปต์กับไลบรารี่ jQuery เพื่อจัดการภาพขนาดย่อของรูปภาพที่อยู่ในรายการที่ไม่ได้เรียงลำดับ เมื่อโหลดภาพมันจะทำสิ่งหนึ่งเมื่อเกิดข้อผิดพลาดมันจะทำอย่างอื่น ฉันใช้ jQuery load()และerror()วิธีการเป็นกิจกรรม หลังจากเหตุการณ์เหล่านี้ฉันตรวจสอบองค์ประกอบภาพ DOM สำหรับ. complete เพื่อให้แน่ใจว่าภาพไม่ได้โหลดไว้แล้วก่อนที่ jQuery จะสามารถลงทะเบียนเหตุการณ์ได้ มันทำงานได้อย่างถูกต้องยกเว้นเมื่อเกิดข้อผิดพลาดก่อน jQuery สามารถลงทะเบียนเหตุการณ์ ทางออกเดียวที่ฉันคิดได้คือใช้onerrorแอตทริบิวต์img เพื่อเก็บ "ค่าสถานะ" ไว้ที่ใดที่หนึ่งทั่วโลก (หรือบนโหนดเป็นของตนเอง) ที่ระบุว่าล้มเหลวดังนั้น jQuery สามารถตรวจสอบว่า "ร้านค้า / โหนด" เมื่อตรวจสอบ .complete ใครมีทางออกที่ดีกว่า แก้ไข: จุดแข็งหลักและเพิ่มรายละเอียดพิเศษด้านล่าง: ฉันกำลังตรวจสอบว่าภาพเสร็จสมบูรณ์ (โหลดแล้วหรือยัง) หลังจากฉันเพิ่มเหตุการณ์การโหลดและข้อผิดพลาดบนภาพ ด้วยวิธีนี้ถ้าภาพถูกโหลดก่อนที่เหตุการณ์จะลงทะเบียนฉันจะยังคงรู้ หากภาพไม่ได้โหลดหลังจากเหตุการณ์เหตุการณ์จะดูแลเมื่อทำ ปัญหาเกี่ยวกับสิ่งนี้คือฉันสามารถตรวจสอบได้อย่างง่ายดายว่าภาพถูกโหลดไปแล้ว แต่ฉันไม่สามารถบอกได้ว่ามีข้อผิดพลาดเกิดขึ้นแทนหรือไม่


9
วิธีการสร้างอาร์เรย์ของตัวอักษรวัตถุในวง?
ฉันต้องสร้างอาร์เรย์ของตัวอักษรวัตถุเช่นนี้: var myColumnDefs = [ {key:"label", sortable:true, resizeable:true}, {key:"notes", sortable:true,resizeable:true},...... ในวงเช่นนี้ for (var i = 0; i < oFullResponse.results.length; i++) { console.log(oFullResponse.results[i].label); } ค่าของkeyควรอยู่results[i].labelในแต่ละองค์ประกอบของอาร์เรย์


7
ลบอักขระที่ไม่ใช่ตัวอักษรและตัวเลขออกจากสตริง
ฉันต้องการแปลงสตริงต่อไปนี้เป็นเอาต์พุตที่จัดเตรียมไว้ Input: "\\test\red\bob\fred\new" Output: "testredbobfrednew" ฉันไม่ได้พบวิธีแก้ปัญหาใด ๆ ที่จะจัดการกับตัวอักษรพิเศษเช่น\r, \n, \bฯลฯ โดยทั่วไปฉันแค่ต้องการกำจัดสิ่งที่ไม่ใช่ตัวอักษรและตัวเลข นี่คือสิ่งที่ฉันได้ลอง ... Attempt 1: "\\test\red\bob\fred\new".replace(/[_\W]+/g, ""); Output 1: "testedobredew" Attempt 2: "\\test\red\bob\fred\new".replace(/['`~!@#$%^&*()_|+-=?;:'",.<>\{\}\[\]\\\/]/gi, ""); Output 2: "testedobred [newline] ew" Attempt 3: "\\test\red\bob\fred\new".replace(/[^a-zA-Z0-9]/, ""); Output 3: "testedobred [newline] ew" Attempt 4: "\\test\red\bob\fred\new".replace(/[^a-z0-9\s]/gi, ''); Output 4: "testedobred [newline] ew" อีกหนึ่งความพยายามในหลายขั้นตอน function cleanID(id) …
224 javascript  regex 

13
ให้ div ส่วนเกินเลื่อนไปด้านล่างยกเว้นว่าผู้ใช้เลื่อนขึ้น
ฉันมี div ที่มีขนาดใหญ่เพียง 300 พิกเซลและฉันต้องการให้มันเมื่อหน้าโหลดเลื่อนไปที่ด้านล่างของเนื้อหา div นี้มีการเพิ่มเนื้อหาแบบไดนามิกและต้องเลื่อนลงเรื่อย ๆ ตอนนี้หากผู้ใช้ตัดสินใจเลื่อนขึ้นฉันไม่ต้องการให้กระโดดกลับไปด้านล่างจนกว่าผู้ใช้จะเลื่อนลงมาอีกครั้ง เป็นไปได้หรือไม่ที่จะมี div ที่จะยังคงเลื่อนไปที่ด้านล่างเว้นแต่ผู้ใช้เลื่อนขึ้นและเมื่อผู้ใช้เลื่อนกลับไปที่ด้านล่างจะต้องให้ตัวเองอยู่ที่ด้านล่างแม้ว่าจะมีการเพิ่มเนื้อหาแบบไดนามิกใหม่ ฉันจะสร้างการแข่งขันนี้ได้อย่างไร
224 javascript  jquery  html  css  scroll 

8
แสดงมุมมองบางส่วนโดยใช้ jQuery ใน ASP.NET MVC
ฉันจะแสดงมุมมองบางส่วนโดยใช้ jquery ได้อย่างไร เราสามารถแสดงมุมมองบางส่วนเช่นนี้: <% Html.RenderPartial("UserDetails"); %> เราจะทำเช่นเดียวกันโดยใช้ jquery ได้อย่างไร

10
การกำหนดเส้นทาง AngularJS โดยไม่มีแฮช '#'
ฉันกำลังเรียนรู้ AngularJS และมีสิ่งหนึ่งที่ทำให้ฉันรำคาญจริงๆ ฉันใช้$routeProviderเพื่อประกาศกฎการกำหนดเส้นทางสำหรับแอปพลิเคชันของฉัน: $routeProvider.when('/test', { controller: TestCtrl, templateUrl: 'views/test.html' }) .otherwise({ redirectTo: '/test' }); แต่เมื่อฉันนำทางไปยังแอปของฉันในเบราว์เซอร์ที่ฉันเห็นแทนapp/#/testapp/test ดังนั้นคำถามของฉันคือทำไม AngularJS เพิ่มแฮชนี้#เพื่อ URL? มีความเป็นไปได้ที่จะหลีกเลี่ยงหรือไม่?

29
ไลบรารีแผนภูมิ JavaScript
ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ใครจะแนะนำห้องสมุดแผนภูมิ JavaScript เฉพาะ - เฉพาะที่ไม่ใช้แฟลชเลย?
223 javascript  charts 



20
สามารถแทรกสคริปต์ด้วย innerHTML ได้หรือไม่
ผมพยายามที่จะโหลดสคริปต์บางอย่างในหน้าโดยใช้บนinnerHTML <div>ดูเหมือนว่าสคริปต์จะโหลดลงใน DOM แต่จะไม่ถูกดำเนินการ (อย่างน้อยใน Firefox และ Chrome) มีวิธีให้สคริปต์ทำงานเมื่อแทรกด้วยinnerHTMLหรือไม่ รหัสตัวอย่าง: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

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