当前位置: 首页>>技术问答>>正文


JavaScript编程常见问题集锦【五】

编者按: 本文从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文件…?否则如何转换它

17. 在JavaScript中修剪字符串?[JavaScript] (Trim string in JavaScript?)

string,trim

如何在JavaScript中修剪字符串?

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工作,但它提出了一个具有刺激性标准的默认对话框…

本文由《纯净天空》出品。文章地址: https://vimsky.com/article/1516.html,未经允许,请勿转载。