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

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

8
ฉันจะป๊อปอัปกล่องโต้ตอบการพิมพ์โดยใช้ Javascript ได้อย่างไร
ฉันมีหน้าที่มีลิงก์ "พิมพ์" ที่นำผู้ใช้ไปยังหน้าที่พิมพ์ได้ ไคลเอนต์ต้องการให้กล่องโต้ตอบการพิมพ์ปรากฏขึ้นโดยอัตโนมัติเมื่อผู้ใช้มาถึงหน้าที่พิมพ์ได้ ฉันจะทำสิ่งนี้กับ javascript ได้อย่างไร
159 javascript 

12
วิธีที่เร็วที่สุดในการแผ่หรือไม่ยุบวัตถุ JSON ที่ซ้อนกัน
ฉันโยนรหัสบางอย่างเข้าด้วยกันเพื่อทำให้วัตถุ JSON ที่ซับซ้อนและไม่ยุบ / แบนซ้อนกัน มันใช้งานได้ แต่มันช้าไปหน่อย (ทริกเกอร์คำเตือน 'long script') สำหรับชื่อที่แบนฉันต้องการ "." ในฐานะตัวคั่นและ [INDEX] สำหรับอาร์เรย์ ตัวอย่าง: un-flattened | flattened --------------------------- {foo:{bar:false}} => {"foo.bar":false} {a:[{b:["c","d"]}]} => {"a[0].b[0]":"c","a[0].b[1]":"d"} [1,[2,[3,4],5],6] => {"[0]":1,"[1].[0]":2,"[1].[1].[0]":3,"[1].[1].[1]":4,"[1].[2]":5,"[2]":6} ฉันสร้างเกณฑ์มาตรฐานที่ ~ จำลองกรณีการใช้ของฉันhttp://jsfiddle.net/WSzec/ รับวัตถุ JSON ที่ซ้อนกัน แผ่มัน มองผ่านและอาจแก้ไขได้ในขณะที่แบน ยกเลิกการย่อกลับเป็นรูปแบบซ้อนต้นฉบับที่จะส่งไป ฉันต้องการโค้ดที่เร็วกว่า: สำหรับการชี้แจงรหัสที่ทำให้เกณฑ์มาตรฐาน JSFiddle ( http://jsfiddle.net/WSzec/ ) เร็วขึ้นอย่างมาก (~ 20% + น่าจะดี) ใน …

8
การนับจำนวนแท็กตัวเลือกในแท็กที่เลือกใน jQuery
ฉันจะนับจำนวน<option>s ใน<select>องค์ประกอบ DOM โดยใช้ jQuery ได้อย่างไร <select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select> ฉันต้องการค้นหาจำนวน<option>แท็กใน<select>องค์ประกอบ DOM เนื่องจากเมื่อฉันต้องการเปิดแผงการตั้งค่าที่มีจำนวนฟิลด์อินพุตที่มีค่าตัวเลือกที่สอดคล้องกันจากกล่องแบบเลื่อนลงในนั้นและเปลี่ยนอีกครั้งในหน้าตัวอย่าง แผงหน้าปัด. ช่องแบบเลื่อนลงด้านบนอยู่ในแผงตัวอย่างของฉันซึ่งสร้างโดย jQuery
159 javascript  jquery  html 

17
แถบเลื่อนแนวนอนที่ด้านบนและด้านล่างของตาราง
ฉันมีขนาดใหญ่มากtableในหน้าของฉัน ฉันจึงตัดสินใจวางแถบเลื่อนแนวนอนที่ด้านล่างของตาราง แต่ฉันต้องการให้แถบเลื่อนนี้อยู่ด้านบนของตารางด้วย สิ่งที่ฉันมีในเทมเพลตคือ: <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> เป็นไปได้ที่จะทำใน HTML และ CSS เท่านั้นหรือไม่
159 javascript  jquery  html  css 

14
รับและตั้งค่าคุกกี้เดี่ยวพร้อมเซิร์ฟเวอร์ Node.js HTTP
ฉันต้องการที่จะสามารถตั้งค่าคุกกี้เดียวและอ่านคุกกี้เดียวกับคำขอแต่ละครั้งที่ทำกับอินสแตนซ์ของเซิร์ฟเวอร์ nodejs มันสามารถทำได้ในไม่กี่บรรทัดของรหัสโดยไม่ต้องดึง lib บุคคลที่สาม? var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World\n'); }).listen(8124); console.log('Server running at http://127.0.0.1:8124/'); เพียงแค่พยายามที่จะใช้รหัสข้างต้นโดยตรงจาก nodejs.org และทำงานเป็นคุกกี้

27
จะเลื่อนไปที่ด้านบนของหน้าด้วย JavaScript / jQuery ได้อย่างไร?
มีวิธีควบคุมการเลื่อนเบราว์เซอร์ด้วย JavaScript / jQuery หรือไม่? เมื่อฉันเลื่อนหน้าเว็บลงครึ่งหนึ่งจากนั้นให้เรียกโหลดอีกครั้งฉันต้องการให้หน้ากระดาษไปด้านบน แต่กลับพยายามค้นหาตำแหน่งการเลื่อนครั้งสุดท้ายแทน ดังนั้นฉันจึงทำสิ่งนี้: $('document').ready(function() { $(window).scrollTop(0); }); แต่ไม่มีโชค แก้ไข : ดังนั้นคำตอบของคุณทั้งสองทำงานเมื่อฉันเรียกพวกเขาหลังจากหน้าโหลด - ขอบคุณ อย่างไรก็ตามหากฉันเพิ่งรีเฟรชหน้าเว็บดูเหมือนว่าเบราว์เซอร์จะคำนวณและเลื่อนไปยังตำแหน่งเลื่อนเก่าหลังจาก.readyเหตุการณ์ (ฉันทดสอบฟังก์ชั่น body onload () ด้วย) ดังนั้นการติดตามคือมีวิธีป้องกันเบราว์เซอร์ที่เลื่อนไปยังตำแหน่งที่ผ่านมาหรือเลื่อนอีกครั้งไปด้านบนหลังจากที่มันทำมันได้หรือไม่

20
วิธีตรวจสอบว่าสคริปต์ทำงานภายใต้ Node.js หรือไม่
ฉันมีสคริปต์ที่ฉันต้องการจากสคริปต์ Node.js ซึ่งฉันต้องการให้เอ็นจิ้น JavaScript อิสระ ตัวอย่างเช่นฉันต้องการทำexports.x = y;เฉพาะเมื่อมันทำงานภายใต้ Node.js ฉันจะทำการทดสอบนี้ได้อย่างไร คุณลักษณะเมื่อโพสต์คำถามนี้ผมไม่ทราบ Node.js โมดูลจะขึ้นอยู่กับCommonJS สำหรับตัวอย่างเฉพาะที่ฉันให้มาคำถามที่แม่นยำกว่านี้ก็คือ: สคริปต์จะทราบได้อย่างไรว่าจำเป็นต้องใช้เป็นโมดูล CommonJS หรือไม่

6
jQuery AJAX การอัพโหลดไฟล์ PHP
ฉันต้องการใช้การอัปโหลดไฟล์อย่างง่ายในหน้าอินทราเน็ตของฉันโดยมีการตั้งค่าที่เล็กที่สุด นี่คือส่วน HTML ของฉัน: <input id="sortpicture" type="file" name="sortpic" /> <button id="upload">Upload</button> และนี่คือสคริปต์ jquery JS ของฉัน: $("#upload").on("click", function() { var file_data = $("#sortpicture").prop("files")[0]; var form_data = new FormData(); form_data.append("file", file_data); alert(form_data); $.ajax({ url: "/uploads", dataType: 'script', cache: false, contentType: false, processData: false, data: form_data, type: 'post', success: function(){ alert("works"); } }); …
159 javascript  php  jquery  ajax  upload 

7
คุณจะล้างโฟกัสใน javascript ได้อย่างไร?
ฉันรู้ว่านี่ไม่ควรยากขนาดนั้น แต่ฉันไม่พบคำตอบใน Google ฉันต้องการเรียกใช้งานจาวาสคริปต์ที่จะล้างการโฟกัสจากองค์ประกอบใด ๆ ที่เปิดอยู่โดยไม่ทราบล่วงหน้าว่าองค์ประกอบใดที่โฟกัสอยู่ มันต้องทำงานกับ Firefox 2 เช่นเดียวกับเบราว์เซอร์ที่ทันสมัยกว่า มีวิธีที่ดีในการทำเช่นนี้?
159 javascript  focus 

10
ทำให้ฟังก์ชันรอจนกระทั่งมีองค์ประกอบอยู่
ฉันกำลังพยายามเพิ่มผืนผ้าใบบนผืนผ้าใบอีกผืน - ฉันจะทำให้ฟังก์ชั่นนี้รอเพื่อเริ่มต้นจนกว่าจะสร้างผืนผ้าใบแรกได้อย่างไร function PaintObject(brush) { this.started = false; // get handle of the main canvas, as a DOM object, not as a jQuery Object. Context is unfortunately not yet // available in jquery canvas wrapper object. var mainCanvas = $("#" + brush).get(0); // Check if everything is ok if …

8
ทำไมตัวแปรบางตัวที่ประกาศโดยใช้การอนุญาตภายในฟังก์ชันมีให้ในอีกฟังก์ชันหนึ่งในขณะที่ตัวแปรอื่น ๆ ส่งผลให้เกิดข้อผิดพลาดในการอ้างอิง
ฉันไม่สามารถเข้าใจได้ว่าทำไมตัวแปรต่าง ๆ จึงแปลกประหลาดเมื่อถูกประกาศภายในฟังก์ชั่น ในfirstฟังก์ชั่นฉันประกาศด้วยletตัวแปรbและcด้วยค่า10 : b = c = 10; ในsecondฟังก์ชั่นที่ฉันแสดง: b + ", " + c และสิ่งนี้แสดงให้เห็นว่า: 10, 10 ในfirstฟังก์ชั่นฉันประกาศaด้วยค่า10 : let a = b = c = 10; แต่ในsecondฟังก์ชั่นมันแสดงข้อผิดพลาด: ไม่พบตัวแปร: a ตอนนี้ในfirstฟังก์ชันฉันประกาศdด้วยค่า20 : var d = 20; แต่ในsecondฟังก์ชั่นจะแสดงข้อผิดพลาดเหมือนเดิม แต่มีตัวแปรd: ไม่พบตัวแปร: d ตัวอย่าง: function first() { let a = …

15
วิธีรับส่วนตัวเลขของคุณสมบัติ CSS ด้วย jQuery
ฉันต้องทำการคำนวณตัวเลขตามคุณสมบัติ CSS อย่างไรก็ตามเมื่อฉันใช้สิ่งนี้เพื่อรับข้อมูล: $(this).css('marginBottom') มันคืนค่า '10px' มีเคล็ดลับที่จะเพียงแค่ได้รับส่วนจำนวนของค่าไม่ว่าไม่ว่าจะเป็นpxหรือ%หรือemหรืออะไรก็ตาม?

23
วิธีหลีกเลี่ยงการซ้อนฟังก์ชันที่ไม่ตรงกันใน Node.js
ฉันต้องการสร้างหน้าเว็บที่แสดงข้อมูลบางส่วนจากฐานข้อมูลดังนั้นฉันได้สร้างฟังก์ชั่นบางอย่างที่ได้รับข้อมูลนั้นจากฐานข้อมูลของฉัน ฉันเป็นแค่มือใหม่ใน Node.js ดังนั้นเท่าที่ฉันเข้าใจถ้าฉันต้องการใช้พวกเขาทั้งหมดในหน้าเดียว (การตอบสนอง HTTP) ฉันต้องรังพวกเขาทั้งหมด: http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); var html = "<h1>Demo page</h1>"; getSomeDate(client, function(someData) { html += "<p>"+ someData +"</p>"; getSomeOtherDate(client, function(someOtherData) { html += "<p>"+ someOtherData +"</p>"; getMoreData(client, function(moreData) { html += "<p>"+ moreData +"</p>"; res.write(html); res.end(); }); }); }); หากมีฟังก์ชั่นมากมายเช่นนั้นแล้วการทำรังกลายเป็นปัญหา มีวิธีหลีกเลี่ยงสิ่งนี้หรือไม่? …

4
การนำทางที่กำหนดเองพร้อมด้วยองค์ประกอบ Navigator ใน React-Native
ฉันสำรวจความเป็นไปได้ของการตอบสนองพื้นเมืองขณะที่การพัฒนาแอพพลิเคสาธิตที่มีระบบนำทางที่กำหนดเองระหว่างมุมมองด้วยความช่วยเหลือขององค์ประกอบNavigator แอปคลาสหลักแสดงผลเนวิเกเตอร์และภายในrenderSceneส่งคืนคอมโพเนนต์ที่ผ่าน: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => { // count the number of func calls console.log(route, navigator); if (route.component) { return React.createElement(route.component, { navigator }); } }} /> ); } } สำหรับแอพตอนนี้มีสองมุมมอง: …

6
เหตุการณ์ OnChange โดยใช้ React JS เพื่อเลื่อนลง
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeเหตุการณ์ไม่ทำงาน

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