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

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

4
การตรวจสอบ jQuery ไม่เป็นการรบกวนคืออะไร
ฉันรู้ว่าปลั๊กอินการตรวจสอบ jQuery คืออะไร ฉันรู้ว่าไลบรารีการตรวจสอบ jQuery Unobtrusive สร้างโดย Microsoft และรวมอยู่ในกรอบงาน ASP.NET MVC แต่ฉันไม่สามารถหาแหล่งออนไลน์เดียวที่อธิบายว่ามันคืออะไร อะไรคือความแตกต่างระหว่างไลบรารีการตรวจสอบ jQuery มาตรฐานและรุ่น "ไม่เป็นการรบกวน"

9
การแปลงสตริงเป็นวัตถุ JSON
คุณทำให้ JS คิดว่าสตริงเป็น JSON ได้อย่างไร ฉันมีฟังก์ชั่นที่ใช้งานได้ก็ต่อเมื่อวัตถุ JSON ผ่านไปแล้ว ถ้าฉันส่งสตริงไปด้วยรูปแบบเดียวกับ JSON มันจะไม่ทำงาน ดังนั้นฉันอยากให้ฟังก์ชั่นนั้นคิดว่าสตริงที่ส่งผ่านไปคือ JSON สตริงนั้นอยู่ในรูปแบบ JSON ฉันยังลองต่อไปนี้ ฉันป้อนสตริงผ่าน Ajax โดยมีพารามิเตอร์ "handle as" เป็น "JSON" และเมื่อฉันส่งผลลัพธ์ไปยังฟังก์ชันที่ใช้งานได้ ดังนั้นฉันจึงอนุมานปัญหาไม่ได้อยู่กับสตริง ฉันจะแปลงสตริงนี้เป็น JSON ได้อย่างไร ถ้าฉันได้รับสายเดียวกันผ่านการร้องขอ ajax แล้วส่งผ่านไปยังฟังก์ชั่นการทำงานในขณะที่ผ่านโดยตรงมันไม่ทำงาน สตริงมีดังนี้: { "data": [ { "id": "id1", "fields": [ { "id": "name1", "label": "joker", "unit": "year" }, {"id": "name2", …
148 javascript  ajax  json 

12
จะแสดงหน้าการโหลด div จนกว่าหน้าจะโหลดเสร็จแล้วได้อย่างไร
ฉันมีส่วนหนึ่งในเว็บไซต์ของเราที่โหลดค่อนข้างช้าเนื่องจากมีการโทรจำนวนมาก ความคิดใดที่ฉันสามารถdivบอกสิ่งที่คล้ายกับ "กำลังโหลด" เพื่อแสดงในขณะที่หน้าเตรียมตัวเองแล้วหายไปเมื่อทุกอย่างพร้อม?
148 javascript  jquery  html  dom  loader 

23
คุณจะค้นหาความสูงของข้อความบนผ้าใบ HTML ได้อย่างไร
spec มีฟังก์ชั่น context.measureText (ข้อความ) ที่จะบอกคุณว่าต้องใช้ความกว้างเท่าใดในการพิมพ์ข้อความนั้น แต่ฉันไม่สามารถหาวิธีที่จะค้นหาความสูงของมันได้ ฉันรู้ว่ามันขึ้นอยู่กับฟอนต์ แต่ฉันไม่รู้ว่าจะแปลงสตริงฟอนต์เป็นความสูงข้อความ
148 javascript  text  canvas 

10
วิธีใช้ lodash เพื่อค้นหาและส่งคืนวัตถุจาก Array
วัตถุของฉัน: [ { description: 'object1', id: 1 }, { description: 'object2', id: 2 } { description: 'object3', id: 3 } { description: 'object4', id: 4 } ] ในฟังก์ชั่นของฉันด้านล่างฉันผ่านในคำอธิบายเพื่อค้นหารหัสที่ตรงกัน: function pluckSavedView(action, view) { console.log('action: ', action); console.log('pluckSavedView: ', view); // view = 'object1' var savedViews = retrieveSavedViews(); console.log('savedViews: ', savedViews); if …

7
รูปภาพวางจากฟังก์ชั่นคลิปบอร์ดทำงานใน Gmail และ Google Chrome 12+ อย่างไร
ฉันสังเกตเห็นโพสต์บล็อกจาก Googleที่กล่าวถึงความสามารถในการวางรูปภาพโดยตรงจากคลิปบอร์ดลงในข้อความ Gmail หากคุณใช้ Chrome เวอร์ชันล่าสุด ฉันลองสิ่งนี้กับ Chrome รุ่นที่ฉันใช้ (12.0.742.91 beta-m) และใช้งานได้ดีโดยใช้ปุ่มควบคุมหรือเมนูบริบท จากพฤติกรรมดังกล่าวฉันต้องสมมติว่า webkit เวอร์ชันล่าสุดที่ใช้ใน Chrome สามารถจัดการกับรูปภาพในเหตุการณ์การวาง Javascript ได้ แต่ฉันไม่สามารถค้นหาการอ้างอิงถึงการปรับปรุงดังกล่าวได้ ฉันเชื่อว่าZeroClipboardเชื่อมโยงกับกิจกรรมการกดปุ่มเพื่อเรียกใช้ฟังก์ชันการทำงานของแฟลชและจะไม่ทำงานผ่านเมนูบริบท (เช่นกัน ZeroClipboard ข้ามเบราว์เซอร์และโพสต์บอกว่าใช้งานได้กับ Chrome เท่านั้น) ดังนั้นสิ่งนี้ทำงานอย่างไรและการเพิ่มประสิทธิภาพให้กับ Webkit (หรือ Chrome) ที่ใช้งานได้อย่างไร

17
การแก้ไข location.hash โดยไม่ต้องเลื่อนหน้า
เรามีหน้าเว็บสองสามหน้าที่ใช้ ajax เพื่อโหลดเนื้อหาและมีบางโอกาสที่เราจะต้องลิงก์ลึกเข้าไปในหน้าเว็บ แทนที่จะมีลิงก์ไปยัง "ผู้ใช้" และบอกให้ผู้คนคลิก "การตั้งค่า" มันมีประโยชน์มากที่จะสามารถเชื่อมโยงผู้คนกับuser.aspx # settings เพื่อให้ผู้คนสามารถให้ลิงก์ที่ถูกต้องกับส่วนต่างๆ (สำหรับฝ่ายสนับสนุนด้านเทคนิคและอื่น ๆ ) เราได้ตั้งค่าให้แก้ไขแฮชใน URL โดยอัตโนมัติทุกครั้งที่มีการคลิกปุ่ม ปัญหาเดียวของหลักสูตรคือเมื่อเกิดเหตุการณ์นี้มันยังเลื่อนหน้าไปยังองค์ประกอบนี้ มีวิธีปิดใช้งานสิ่งนี้หรือไม่ ด้านล่างเป็นวิธีที่ฉันทำเช่นนี้จนถึง $(function(){ //This emulates a click on the correct button on page load if(document.location.hash){ $("#buttons li a").removeClass('selected'); s=$(document.location.hash).addClass('selected').attr("href").replace("javascript:",""); eval(s); } //Click a button to change the hash $("#buttons li a").click(function(){ $("#buttons …

21
จะทำให้ Object เป็นอนุกรมในรายการพารามิเตอร์การสืบค้น URL ได้อย่างไร
โดยไม่ทราบว่ากุญแจของจาวาสคริปต์Objectว่าฉันสามารถเปิดสิ่งที่ต้องการ ... var obj = { param1: 'something', param2: 'somethingelse', param3: 'another' } obj[param4] = 'yetanother'; ... เข้าสู่ ... var str = 'param1=something&param2=somethingelse&param3=another&param4=yetanother'; ... ?
148 javascript 


7
การสร้าง iframe ด้วย HTML ที่กำหนดแบบไดนามิก
ฉันพยายามสร้าง iframe จาก JavaScript และเติมด้วย HTML โดยพลการเช่น: var html = '<body>Foo</body>'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); ฉันคาดว่าiframeจะมีหน้าต่างและเอกสารที่ถูกต้อง อย่างไรก็ตามนี่ไม่ใช่กรณี: > console.log (iframe.contentWindow); โมฆะ ลองด้วยตัวคุณเอง: http://jsfiddle.net/TrevorBurnham/9k9Pe/ ฉันกำลังมองเห็นอะไร
148 javascript  iframe 

29
วิธีการจัดเรียงอาร์เรย์ของวัตถุตามหลายเขตข้อมูล?
จากคำถามเดิมนี้ฉันจะใช้การเรียงลำดับในหลายสาขาได้อย่างไร การใช้โครงสร้างที่ปรับเปลี่ยนนี้เล็กน้อยฉันจะจัดเรียงเมือง (ขึ้นไป) และราคา (มากไปหาน้อย) ได้อย่างไร var homes = [ {"h_id":"3", "city":"Dallas", "state":"TX", "zip":"75201", "price":"162500"}, {"h_id":"4", "city":"Bevery Hills", "state":"CA", "zip":"90210", "price":"319250"}, {"h_id":"6", "city":"Dallas", "state":"TX", "zip":"75000", "price":"556699"}, {"h_id":"5", "city":"New York", "state":"NY", "zip":"00010", "price":"962500"} ]; ฉันชอบความจริงมากกว่าคำตอบที่ให้ซึ่งเป็นแนวทางทั่วไป ที่ฉันวางแผนที่จะใช้รหัสนี้ฉันจะต้องเรียงลำดับวันที่เช่นเดียวกับสิ่งอื่น ๆ ความสามารถในการ "สำคัญ" วัตถุดูเหมือนจะมีประโยชน์ถ้าไม่ยุ่งยากเล็กน้อย ฉันพยายามสร้างคำตอบนี้เป็นตัวอย่างทั่วไปที่ดี แต่ฉันไม่มีโชคมาก

5
ReactJS ชื่อองค์ประกอบจะต้องเริ่มต้นด้วยตัวอักษรพิมพ์ใหญ่?
ฉันกำลังเล่นรอบกับกรอบ ReactJS บนJSBin ฉันสังเกตว่าถ้าชื่อองค์ประกอบของฉันเริ่มต้นด้วยตัวอักษรตัวเล็กมันไม่ทำงาน ตัวอย่างเช่นสิ่งต่อไปนี้ไม่แสดงผล: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); แต่ทันทีที่ฉันแทนที่fmlด้วยFmlมันจะทำให้ มีเหตุผลที่ฉันไม่สามารถเริ่มแท็กด้วยตัวอักษรขนาดเล็กได้หรือไม่?

5
HTML <input type = 'file'> เหตุการณ์การเลือกไฟล์
สมมติว่าเรามีรหัสนี้: &lt;form action='' method='POST' enctype='multipart/form-data'&gt; &lt;input type='file' name='userFile'&gt;&lt;br&gt; &lt;input type='submit' name='upload_btn' value='upload'&gt; &lt;/form&gt; ซึ่งส่งผลให้เกิดสิ่งนี้: เมื่อผู้ใช้คลิกปุ่ม 'เรียกดู ... ' กล่องโต้ตอบค้นหาไฟล์จะเปิดขึ้น: ผู้ใช้จะเลือกไฟล์โดยการดับเบิลคลิกที่ไฟล์หรือคลิกปุ่ม "เปิด" มีเหตุการณ์ Javascript ที่ฉันสามารถใช้เพื่อรับการแจ้งเตือนหลังจากเลือกไฟล์ได้หรือไม่


13
ลบวัตถุออกจากอาร์เรย์โดยคุณสมบัติของวัตถุ
var listToDelete = ['abc', 'efg']; var arrayOfObjects = [{id:'abc',name:'oh'}, // delete me {id:'efg',name:'em'}, // delete me {id:'hij',name:'ge'}] // all that should remain ฉันจะลบวัตถุออกจากอาร์เรย์โดยการจับคู่คุณสมบัติของวัตถุได้อย่างไร โปรดใช้ JavaScript ดั้งเดิมเท่านั้น ฉันมีปัญหาในการใช้ Splice เนื่องจากความยาวลดลงเมื่อลบแต่ละครั้ง การใช้โคลนและการเชื่อมต่อกับดัชนี orignal ยังคงทำให้คุณมีปัญหาเรื่องความยาวที่ลดลง
148 javascript 

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