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

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

4
ตั้งค่าตำแหน่งเลื่อน
ฉันกำลังพยายามตั้งค่าตำแหน่งการเลื่อนบนหน้าเพื่อให้ตัวเลื่อนเลื่อนไปทางด้านบนจนสุด ฉันคิดว่าฉันต้องการอะไรแบบนี้ แต่มันใช้ไม่ได้: (function () { alert('hello'); document.body.scrollTop = 0; } ()); ความคิดใด ๆ ?
108 javascript 

7
“ คุณอาจต้องใช้ตัวโหลดที่เหมาะสมเพื่อจัดการไฟล์ประเภทนี้” ด้วย Webpack และ Babel
ฉันพยายามใช้ Webpack กับ Babel เพื่อรวบรวมเนื้อหา ES6 แต่ฉันได้รับข้อความแสดงข้อผิดพลาดต่อไปนี้: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' นี่คือลักษณะการกำหนดค่า Webpack ของฉัน: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './index', output: { …

8
มีวิธีสร้างฟังก์ชันจากสตริงด้วยจาวาสคริปต์หรือไม่?
ตัวอย่างเช่น; var s = "function test(){ alert(1); }"; var fnc = aMethod(s); ถ้านี่คือสตริงฉันต้องการฟังก์ชันที่เรียกว่า fnc และfnc();ปรากฏหน้าจอแจ้งเตือน eval("alert(1);") ไม่สามารถแก้ปัญหาของฉันได้


4
วิธีเพิ่มรูปภาพลงในแคนวาส
ฉันกำลังทดลองกับองค์ประกอบผ้าใบใหม่ใน HTML ฉันแค่ต้องการเพิ่มรูปภาพลงในผืนผ้าใบ แต่ไม่ได้ผลด้วยเหตุผลบางประการ ฉันมีรหัสต่อไปนี้: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawImage(base_image, 100, 100); } มีรูปภาพอยู่และฉันไม่พบข้อผิดพลาดของ JavaScript ภาพไม่ปรากฏ มันต้องเป็นอะไรที่เรียบง่ายจริงๆที่ฉันพลาด ...
108 javascript  html  canvas 

19
จะตรวจสอบวันที่ด้วยรูปแบบ“ mm / dd / yyyy” ใน JavaScript ได้อย่างไร?
ฉันต้องการที่จะตรวจสอบรูปแบบวันที่mm/dd/yyyyในการป้อนข้อมูลโดยใช้รูปแบบ ฉันพบรหัสด้านล่างในไซต์เดียวจากนั้นใช้มัน แต่ไม่ได้ผล function isDate(ExpiryDate) { var objDate, // date object initialized from the ExpiryDate string mSeconds, // ExpiryDate in milliseconds day, // day month, // month year; // year // date length should be 10 characters (no more no less) if (ExpiryDate.length !== 10) { return false; } // …

9
จะแสดงข้อความกำลังโหลดเมื่อ iFrame กำลังโหลดได้อย่างไร?
ฉันมี iframe ที่โหลดเว็บไซต์ของบุคคลที่สามซึ่งโหลดช้ามาก มีวิธีใดบ้างที่ฉันสามารถแสดงข้อความการโหลดในขณะที่ iframe โหลดโดยที่ผู้ใช้ไม่เห็นพื้นที่ว่างขนาดใหญ่ ปล. โปรดทราบว่า iframe มีไว้สำหรับเว็บไซต์ของบุคคลที่สามดังนั้นฉันจึงไม่สามารถแก้ไข / ฉีดอะไรในหน้าของพวกเขาได้

19
วิธีโฮสต์ไอคอนวัสดุออฟไลน์
ขออภัยหากนี่เป็นคำถามง่ายๆ แต่คุณจะใช้ไอคอนวัสดุของ Google ได้อย่างไรโดยไม่มีไฟล์ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> เหรอ? ฉันต้องการให้แอปของฉันสามารถแสดงไอคอนได้แม้ว่าผู้ใช้จะไม่ได้เชื่อมต่ออินเทอร์เน็ตก็ตาม

10
จะเล่นเสียงแจ้งเตือนบนเว็บไซต์ได้อย่างไร?
เมื่อเกิดเหตุการณ์บางอย่างขึ้นฉันต้องการให้เว็บไซต์ของฉันส่งเสียงแจ้งเตือนสั้น ๆ ให้กับผู้ใช้ เสียงไม่ควรเริ่มอัตโนมัติ (ทันที) เมื่อเปิดเว็บไซต์ แต่ควรเล่นตามความต้องการผ่าน JavaScript (เมื่อเหตุการณ์นั้นเกิดขึ้น) สิ่งสำคัญคือต้องใช้งานได้กับเบราว์เซอร์รุ่นเก่าด้วย (IE6 เป็นต้น) ดังนั้นโดยทั่วไปมีสองคำถาม: ฉันควรใช้ตัวแปลงสัญญาณอะไร แนวทางปฏิบัติที่ดีที่สุดในการฝังไฟล์เสียงคืออะไร ( <embed>เทียบ<object>กับแฟลชเทียบกับ<audio>)

5
Vue - ดูอาร์เรย์ของวัตถุอย่างลึกซึ้งและคำนวณการเปลี่ยนแปลงหรือไม่?
ฉันมีอาร์เรย์ที่เรียกpeopleว่ามีวัตถุดังนี้: ก่อน [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] สามารถเปลี่ยนแปลงได้: หลังจาก [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe', age: 38} ] สังเกตว่าแฟรงค์เพิ่งอายุ 33 ปี ฉันมีแอพที่ฉันพยายามดูอาร์เรย์คนและเมื่อค่าใด ๆ เปลี่ยนแปลงให้บันทึกการเปลี่ยนแปลง: …

4
จะสร้าง href แบบไดนามิกในฟังก์ชัน render render ได้อย่างไร?
ฉันกำลังแสดงรายการโพสต์ สำหรับแต่ละโพสต์ฉันต้องการแสดงผลแท็กจุดยึดที่มีรหัสโพสต์เป็นส่วนหนึ่งของสตริง href render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); ฉันจะทำยังไงเพื่อให้แต่ละโพสต์มีของ href ของ/posts/1, /posts/2etc?

8
ลบสตริงที่จุดเริ่มต้นของ URL
ฉันต้องการลบส่วน " www." ออกจากจุดเริ่มต้นของสตริง URL ตัวอย่างเช่นในกรณีทดสอบเหล่านี้: เช่นwww.test.com→ test.com เช่นwww.testwww.com→ testwww.com เช่นtestwww.com→ testwww.com(ถ้าไม่มี) ฉันจำเป็นต้องใช้ Regexp หรือมีฟังก์ชันอัจฉริยะหรือไม่?
108 javascript  string 


5
React.js รอให้ setState เสร็จสิ้นก่อนเรียกใช้ฟังก์ชัน?
นี่คือสถานการณ์ของฉัน: บน this.handleFormSubmit () ฉันกำลังดำเนินการ this.setState () ภายใน this.handleFormSubmit () ฉันกำลังเรียกสิ่งนี้ว่า findRoutes (); - ซึ่งขึ้นอยู่กับความสำเร็จของ this.setState () this.setState (); ไม่เสร็จสมบูรณ์ก่อนหน้านี้ findRoutes เรียกว่า ... ฉันจะรอให้ this.setState () ใน this.handleFormSubmit () เสร็จสิ้นก่อนที่จะเรียก this.findRoutes () ได้อย่างไร โซลูชันย่อย: วาง this.findRoutes () ใน componentDidUpdate () สิ่งนี้ไม่สามารถยอมรับได้เนื่องจากจะมีการเปลี่ยนแปลงสถานะอื่น ๆ ที่ไม่เกี่ยวข้องกับฟังก์ชัน findRoutes () ฉันไม่ต้องการเรียกใช้ฟังก์ชัน findRoutes () เมื่อมีการอัปเดตสถานะที่ไม่เกี่ยวข้อง โปรดดูข้อมูลโค้ดด้านล่าง: …

16
ไม่สามารถอ่านคุณสมบัติ 'addEventListener' ของ null
ฉันต้องใช้วานิลลา JavaScript สำหรับโปรเจ็กต์ ฉันมีฟังก์ชั่นบางอย่างซึ่งหนึ่งในนั้นคือปุ่มที่เปิดเมนู ทำงานบนหน้าที่มีรหัสเป้าหมาย แต่ทำให้เกิดข้อผิดพลาดบนหน้าที่ไม่มีรหัส ในหน้าเหล่านั้นที่ฟังก์ชันไม่พบ id ฉันได้รับข้อผิดพลาด "ไม่สามารถอ่านคุณสมบัติ 'addEventListener' ของ null" และฟังก์ชันอื่น ๆ ของฉันไม่ทำงาน ด้านล่างนี้คือรหัสสำหรับปุ่มที่เปิดเมนู function swapper() { toggleClass(document.getElementById('overlay'), 'open'); } var el = document.getElementById('overlayBtn'); el.addEventListener('click', swapper, false); var text = document.getElementById('overlayBtn'); text.onclick = function(){ this.innerHTML = (this.innerHTML === "Menu") ? "Close" : "Menu"; return false; }; ฉันจะจัดการกับปัญหานี้ได้อย่างไร? …

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