編者按: 本文從stackoverflow收集了JavaScript編程中的常見問題。基於google/baidu/bing翻譯將問題議成了中文，希望在英語表達不地道(特別是中英文夾雜)的情況下，也能檢索到優質內容入口。 JavaScript相關問題非常多，我們會陸續將這些問題做成專輯，分成多篇文章分別展現。本文是其中的第五篇內容。 注： 點擊標題直達英文原版網站(可能比較慢)，點擊 ，可以通過本站加速器快速訪問。
1. 按照JavaScript對象數組中的id查找對象[JavaScript] (Find object by id in an array of JavaScript objects)
jquery,arrays,object,javascript-objects
我有一個數組：myArray = [{‘id’：’73’，’foo’：’bar’}，{‘id’：’45’，’foo’：’bar’無法更改數組的結構。我被傳遞一個45的id，我想得到’酒吧’的…
2. 如何初始化javascript日期到特定的時區[JavaScript] (How to initialize javascript date to a particular timezone)
timezone
我有一個特定時區的日期時間作為字符串，我想把它轉換為本地時間。但是，我不知道如何在Date對象中設置時區。例如，我有2013年2月28日7:00 …
3. 如何在調試或從JavaScript代碼時在DOM節點上查找事件偵聽器？[JavaScript] (How to find event listeners on a DOM node when debugging or from the JavaScript code?)
events,dom
我有一個頁麵，其中一些事件偵聽器附加到輸入框和選擇框。有沒有辦法找出哪些事件監聽器正在觀察一個特定的DOM節點和什麽事件？
4. setTimeout或setInterval？[JavaScript] (setTimeout or setInterval?)
setinterval
據我所知，這兩個javascript的行為方式相同：選項A：function myTimeoutFunction（）{doStuff（）; setTimeout（myTimeoutFunction，1000）;} myTimeoutFunction（）; …
5. 檢測瀏覽器接收文件下載時[JavaScript] (Detect when browser receives file download)
http,mime
我有一個頁麵，允許用戶下載動態生成的文件。生成需要很長時間，因此我想顯示一個“等待”指示器。問題是，我不知道如何…
6. 是否可以編程地模擬按鍵事件？[JavaScript] (Is it possible to simulate key press events programatically?)
javascript-events
是否可以在JavaScript中編程性地模擬按鍵事件？
7. 在jQuery中添加表行[JavaScript] (Add table row in jQuery)
jquery,html-table
jQuery中最好的方法是在表中添加一行作為最後一行？這是可以接受的嗎？$（’＃myTable’）。append（'<tr> <td> my data </ td> <td>更多數據</ td>＆…
8. 根據內容調整iframe的大小[JavaScript] (Resizing an iframe based on content)
iframe,widget
我正在做一個類似iGoogle的應用程序。來自其他應用程式（在其他網域上）的內容會使用iframes顯示。如何調整iframe的大小以適應iframe的內容？我…
9. JSON和Object Literal Notation之間有什麽區別？[JavaScript] (What is the difference between JSON and Object Literal Notation?)
json,object-notation
有人能告訴我使用“Object Literal Notation”定義的JavaScript對象和JSON對象之間的主要區別是什麽？根據JavaScript書，它說這是一個對象…
10. jQuery：ajax調用成功後返回數據[duplicate][JavaScript] (jQuery: Return data after ajax call success [duplicate])
jquery,ajax
我有這樣的東西，它是一個簡單的調用一個腳本，給我一個值，一個string..function testAjax（）{$ .ajax（{url：“getvalue.php”，success：function（data） {…
11. jQuery能獲得所有與一個元素相關聯的CSS樣式嗎？[JavaScript] (Can jQuery get all CSS styles associated with an element?)
jquery,css
在jQuery中有一種方法從一個現有的元素獲取所有的CSS，並應用到另一個沒有列出所有？我知道如果他們是一個風格屬性與attr（），但我的所有…
12. 數組中的唯一值[JavaScript] (Unique values in an array)
arrays,unique
我有一個數組，我需要確保是唯一的。我發現下麵的代碼片段在互聯網上，它工作偉大，直到數組有一個零。我發現這個其他腳本在這裏…
13. jQuery / JavaScript來替換破碎的圖片[JavaScript] (jQuery/JavaScript to replace broken images)
jquery,html,brokenimage
我有一個包含一堆圖像的網頁。有時圖像不可用，所以一個破碎的圖像顯示在客戶端的瀏覽器中。如何使用jQuery獲取圖像集，過濾它…
14. 使用`Object.create`繼承的好處[JavaScript] (Benefits of using `Object.create` for inheritance)
javascript
我一直在試圖包裝我在ECMAScript 5中引入的新的Object.create方法。通常當我想使用繼承時，我做這樣的事情：var Animal = function（name）…
15. 使用JavaScript計算文本寬度[JavaScript] (Calculate text width with JavaScript)
textbox
我想使用JavaScript來計算字符串的寬度。這是可能的，而不必使用一個等寬字體？如果它不是內置的，我唯一的想法是創建一個寬度表的每個…
16. 如何使用javascript將圖像轉換為base64字符串[JavaScript] (How to convert image into base64 string using javascript)
base64
我需要將我的圖像轉換為base64字符串，使我可以發送我的圖像到服務器。有沒有這個…的任何js文件…？否則如何轉換它
18. 在JavaScript中，我可以為文件輸入元素以編程方式進行“點擊”事件觸發？[JavaScript] (In JavaScript can I make a “click” event fire programmatically for a file input element?)
html
我想在一個<input type =“file”>標簽上點擊事件。隻是調用click（）似乎沒有做任何事情，或至少它不彈出一個文件選擇對話框。 … …
19. 如何從cookie創建和讀取值？[JavaScript] (How do I create and read a value from cookie?)
cookies
如何在JavaScript中創建和讀取cookie中的值？
20. console.log（）async或sync？[JavaScript] (console.log() async or sync?)
asynchronous
我目前正在閱讀Async Javascript由Trevor Burnham。這是迄今為止一本偉大的書。他談到這個片段和console.log在Safari和Chrome控製台“async”。 … …
21. 如何在所有現代瀏覽器中檢測頁麵縮放級別？[JavaScript] (How to detect page zoom level in all modern browsers?)
browser,zoom,detection
如何在所有現代瀏覽器中檢測頁麵縮放級別？雖然這個線程告訴如何在IE7和IE8中，我找不到一個很好的跨瀏覽器解決方案.Firefox存儲頁麵縮放級別為…
22. 使用“let”和“var”聲明一個變量有什麽區別？[JavaScript] (What’s the difference between using “let” and “var” to declare a variable?)
ecmascript-6,let
ECMAScript 6引入了let語句。我聽說它被描述為一個“本地”變量，但我仍然不太確定它的行為與var關鍵字有什麽不同？什麽時候 …
23. 如何在JavaScript中使字符串的第一個字母大寫？[JavaScript] (How do I make the first letter of a string uppercase in JavaScript?)
string,capitalize,letter
如何使字符串的第一個字母大寫，但不改變任何其他字母的情況？例如：這是一個測試 – >這是一個測試艾菲爾鐵塔 – >艾菲爾鐵塔/索引….
24. jQuery有一個“exists”函數嗎？[JavaScript] (Is there an “exists” function for jQuery?)
jquery
如何檢查jQuery中元素的存在？我現在的代碼是：if（$（selector）.length> 0）{//做什麽}有沒有更優雅的方法來處理？ … …
25. 解釋封裝的匿名函數語法[JavaScript] (Explain the encapsulated anonymous function syntax)
syntax,anonymous-function
摘要您可以解釋JavaScript中封裝的匿名函數的語法背後的原因嗎？為什麽這樣工作：（function（）{}）（）;但這不：function（）{}（）;?我知道什麽…
26. 從文本JavaScript中剝離HTML[JavaScript] (Strip HTML from Text JavaScript)
html,string
有一個簡單的方法，在JavaScript中取一串html和剝離html？
27. 如何應用！important使用.css（）？[JavaScript] (How to apply !important using .css()?)
jquery,html,css
我無法應用！重要的樣式。我試過：$（“＃elem”）。css（“width”，“100px！important”）;這什麽也不做;沒有應用任何寬度樣式。有一個jQuery-ish方式…
28. 檢測未定義的對象屬性[JavaScript] (Detecting an undefined object property)
object,undefined
檢查JavaScript中的對象屬性是否未定義的最好方法是什麽？
29. 如何在Javascript中合並兩個數組並刪除重複項[JavaScript] (How to merge two arrays in Javascript and de-duplicate items)
arrays,merge
我有兩個JavaScript數組：var array1 = [“Vijendra”，“Singh”]; var array2 = [“Singh”，“Shakya”];我想輸出為：var array3 = [“Vijendra”，“Singh” ，“Shakya”];輸出數組應該有…
30. 如何在JavaScript中聲明命名空間？[JavaScript] (How do I declare a namespace in JavaScript?)
namespaces,javascript-namespaces
如何在JavaScript中創建命名空間，以便我的對象和函數不會被其他同名對象和函數覆蓋？我使用了以下：if（Foo == null || typeof（Foo）！=“…
31. JavaScript是否保證是單線程的？[JavaScript] (Is JavaScript guaranteed to be single-threaded?)
concurrency
JavaScript在所有現代瀏覽器實現中都是單線程的，但是是在任何標準中指定的還是僅僅是傳統的？是完全可以假設JavaScript是…
32. AngularJS：將HTML插入視圖[JavaScript] (AngularJS : Insert HTML into view)
angularjs,escaping,html-sanitizing
是否可以在Angular控製器中創建一個HTML片段，並在視圖中顯示這個HTML？這來自於將不一致的JSON Blob轉換為id的嵌套列表的要求：…
33. jQuery animate backgroundColor[JavaScript] (jQuery animate backgroundColor)
jquery,colors,jquery-animate
我試圖在mouseover上使用jQuery的backgroundColor動畫的變化。我已經檢查了一些例子，我似乎有它的權利，它與其他屬性，如fontSize，但與…
34. 如何“正確”在JavaScript中創建自定義對象？[JavaScript] (How to “properly” create a custom object in JavaScript?)
javascript
我不知道什麽最好的方法是創建一個JavaScript對象有屬性和方法。我看到的例子，人們使用var self = this然後使用self。在所有功能中…
35. 使用Javascript / jQuery下載文件[JavaScript] (Download File Using Javascript/jQuery)
jquery,download
我有一個非常類似的要求在這裏指定。我需要有用戶的瀏覽器開始手動下載$（’a＃someID’）。click（）;但我不能使用window.href方法，因為它替換…
36. 如何獲取JavaScript中兩個日期之間的天數？[JavaScript] (How do I get the number of days between two dates in JavaScript?)
date
如何獲取JavaScript中兩個日期之間的天數？例如，在輸入框中給定兩個日期：<input id =“first”value =“1/1/2000”/> <input id =“second”value =“1/1/2001”/>＆…
37. 自動執行匿名JavaScript函數的圓括號的位置？[JavaScript] (Location of parenthesis for auto-executing anonymous JavaScript functions?)
syntax,anonymous-function,iife
我最近比較當前版本的json2.js與我在項目中的版本，並注意到如何創建和自我執行的函數表達式的代碼。代碼用於…
38. 為什麽在HTML中使用onClick（）是一個壞的做法？[JavaScript] (Why is using onClick() in HTML a bad practice?)
html
我聽說過很多次使用JavaScript事件，如onClick（），在HTML是一個壞的做法，因為它不好的語義。我想知道什麽是缺點，如何解決…
39. HTML文本輸入隻允許數字輸入[JavaScript] (HTML Text Input allow only Numeric input)
jquery,html,html5
任何快速設置HTML文本輸入（<input type = text />）的方法隻允許數字擊鍵（加’。’）？
40. 如何使用JavaScript獲取圖像大小（高度和寬度）？[JavaScript] (How to get image size (height & width) using JavaScript?)
jquery,image,jquery-plugins
是否有任何JavaScript或jQuery API或方法來獲取頁麵上的圖像的尺寸？
41. 我如何解決JavaScript的parseInt八進製行為？[JavaScript] (How do I work around JavaScript’s parseInt octal behavior?)
integer,octal
嘗試在JavaScript中執行以下命令：parseInt（’01’）; // equals 1parseInt（’02’）; // equals 2parseInt（’03’）; // equals 3parseInt（’04’）; // equals 4parseInt（’05’）; // equals 5parseInt（’06’）; // …
42. 頁麵重新加載時的全局變量用法[JavaScript] (Global Variable usage on page reload)
jquery,global-variables,form-submit,persistent-storage
我基本上試圖捕獲提交按鈕按我的形式，如果表單提交，頁麵刷新，我顯示幾個隱藏字段。所以基本上我想捕獲是否…
43. 什麽時候你應該使用escape而不是encodeURI / encodeURIComponent？[JavaScript] (When are you supposed to use escape instead of encodeURI / encodeURIComponent?)
encoding,query-string
當編碼要發送到Web服務器的查詢字符串時 – 什麽時候使用escape（）和什麽時候使用encodeURI（）或encodeURIComponent（）：使用escape：escape（“％+＆=”）; ORuse encodeURI / …
44. 如何強製瀏覽器重新加載緩存的CSS / JS文件？[JavaScript] (How to force browser to reload cached CSS/JS files?)
css,caching,auto-versioning
我注意到一些瀏覽器（特別是Firefox和Opera）非常熱衷於使用.css和.js文件的緩存副本，甚至在瀏覽器會話之間。這導致一個問題，當你…
45. Rails 4：如何使用$（document）.ready（）與turbo鏈接[JavaScript] (Rails 4: how to use $(document).ready() with turbo-links)
jquery,ruby-on-rails-4,asset-pipeline,turbolinks
我遇到了一個問題在我的Rails 4應用程序，而試圖組織JS文件“軌道的方式”。他們之前分散在不同的視圖。我將它們組織成單獨的文件並編譯它們…
46. 使用AJAX加載跨域HTML頁麵[JavaScript] (Loading cross domain html page with AJAX)
jquery,ajax,cross-domain
我試圖加載一個跨域html頁麵使用ajax，但除非dataType是“jsonp”我不能得到一個響應。但是使用jsonp瀏覽器期待一個腳本mime類型，但收到“text / …
47. 捕獲HTML畫布為gif / jpg / png / pdf？[JavaScript] (Capture HTML Canvas as gif/jpg/png/pdf?)
html5,canvas,export,png
是否有可能捕獲或打印在HTML畫布中顯示的圖像或pdf？我想通過canvas生成一個圖像，並能夠從該圖像生成一個png。
48. jQuery：’$（this）’和’this’之間有什麽區別？[JavaScript] (jQuery: What’s the difference between ‘$(this)’ and ‘this’?)
jquery,this
我目前正在通過這個教程：jQuery的入門下麵的兩個例子：$（“＃orderedlist”）。find（“li”）每個（function（i）{$（this）.append（“BAM！ + i）;}）; $（“＃reset”…
49. 參考文獻：[JavaScript] (Javascript by reference vs. by value [duplicate])
reference,pass-by-reference,pass-by-value
我正在尋找一些很好的綜合閱讀材料，當Javascript通過值的時候，通過引用，當修改一個傳遞的項目影響函數外部的值和…
50. 如何覆蓋OnBeforeUnload對話框並替換為我自己的？[JavaScript] (How can I override the OnBeforeUnload dialog and replace it with my own?)
jquery,onbeforeunload
我需要在用戶離開某個網頁之前提醒他們有關未保存的更改（這是一個很常見的問題）。 window.onbeforeunload = handlerThis工作，但它提出了一個具有刺激性標準的默認對話框…