Tag: JavaScript

使用Javascript获取下一个/上一个元素: 如何获得html中使用javascript的下一个元素？假设我有三个div ，我得到一个在js代码中的引用，我想得到哪个是下一个div，哪个是前一个div。

Textarea根据内容长度resize: 我需要一个textarea，我在文本框中键入我的文本，它的长度根据需要增长，以避免必须处理滚动条，它需要在删除文本后缩小！我不想下去mootools或jQuery的路线，因为我有一个轻量级的forms。

几秒钟后隐藏div: 我想知道，如何在jQuery我能隐藏一个div几秒钟后？就像Gmail的消息一样。我已经尽了最大的努力，但无法让它工作。

不安全的JavaScript尝试使用URL访问框架: 当我尝试从包含另一个域url的iframe中设置一个散列值给父url时，出现以下错误：不安全的JavaScript尝试从URL“URL2”的帧中访问具有URL“URL1”的帧。域，协议和端口必须匹配。我该如何解决这个问题？

我怎样才能禁止浏览器的身份validation对话框？: 我的Web应用程序有一个login页面，通过AJAX调用提交authentication凭证。如果用户input正确的用户名和密码，一切都很好，但是如果没有的话，会发生以下情况： Web服务器确定，虽然请求包含格式正确的授权标头，但标头中的凭证无法成功进行身份validation。 Web服务器返回一个401状态代码，并包含一个或多个WWW-Authenticate标题，其中列出了支持的authenticationtypes。浏览器检测到我对XMLHttpRequest对象的调用的响应是401，响应包括WWW-Authenticate标头。然后popup一个authentication对话框，询问用户名和密码。直到第3步，这一切都很好。我不想popup对话框，我想要在我的AJAXcallback函数中处理401响应。（例如，通过在login页面上显示一条错误消息。）我希望用户重新input他们的用户名和密码，当然，但我希望他们看到我友好，令人放心的login表单，而不是浏览器的丑陋，默认authentication对话框。顺便说一句，我没有控制服务器，所以让它返回一个自定义的状态代码（即，除了401以外的东西）不是一个选项。有什么办法可以抑制身份validation对话框？特别是，我可以在Firefox 2或更高版本中禁用“需要身份validation”对话框吗？有什么办法来抑制在IE 6和以后的连接到[主机]对话框？编辑作者补充资料（9月18日）：我应该补充一点，浏览器popup的validation对话框的真正问题是它给用户提供的信息不足。用户刚刚通过login页面上的表单input了用户名和密码，他认为他已经正确input了他们，并且点击了提交button或者回车。他的期望是他会被带到下一页，或者被告知他错误地input了他的信息，应该再试一次。但是，他却出现了一个意想不到的对话框。该对话不会确认他刚input用户名和密码的事实。没有明确说明有问题，应该再试一次。相反，对话框会向用户显示隐藏的信息，如“网站说：' [realm] '”。其中[realm]是一个只有程序员可以爱的短域名。网页浏览器devise师注意到：如果对话框本身更简单易用，没有人会问如何取消authentication对话框。我做login表单的全部原因是我们的产品pipe理团队正确地认为浏览器的authentication对话框是可怕的。

组合和缩小多个CSS / JS文件: 我正在尝试通过合并和压缩CSS和JS文件来优化网站性能。我的问题更多的是关于如何实现这一目标的（具体）步骤，因为我正面临一个真实的情况（尽pipe在其他开发人员中应该是典型的）。我的页面引用了几个CSS和JS文件，如下所示： <!– It's easier to work on smaller files during development. Hence, the multiple CSS and JS files. –> <link type="text/css" rel="stylesheet" href="/css/main.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-1.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-2.css" /> <script type="text/javascript" src="/scripts/js/main.js"></script> <script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script> <script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script> 对于产品发布，我想将3个CSS文件合并为一个，并使用例如YUI Compressor将其缩小。但是，我需要更新所有需要这3个文件的页面来引用新缩小的CSS。这似乎很容易出错（例如，你正在删除和添加许多文件中的一些行）。任何其他风险较低的方法？ JS文件的相同问题。

如何将NaN从parseInt变成0为空string？: 是否有可能以某种方式返回0而不是NaN在JavaScript中parsing值时？在空string的情况下parseInt返回NaN 。是否有可能在JavaScript中做这样的事情来检查NaN ？ var value = parseInt(tbb) == NaN ? 0 : parseInt(tbb) 或者也许有另一个function或jQuery插件可能做类似的事情？

键码和charcode: 为什么人们会这样写？ e.keyCode ? e.keyCode : e.charCode 有些人也使用e.which 有人可以解释吗？

如何使用jQuery.ajax和FormData上传文件: 当我使用XMLHttpRequest时，使用FormData正确地上传文件。但是，当我切换到jQuery.ajax ，我的代码中断。这是工作的原始代码： function uploadFile(blobFile, fileName) { var fd = new FormData(); fd.append("fileToUpload", blobFile); var xhr = new XMLHttpRequest(); xhr.open("POST", "upload.php", true); xhr.send(fd); } 这是我不成功的jQuery.ajax尝试： function uploadFile(blobFile, fileName) { var fd = new FormData(); fd.append("fileToUpload", blobFile); var xm = $.ajax({ url: "upload.php", type: "POST", data: fd, }); } 我究竟做错了什么？我怎样才能使用AJAX来正确上传文件？

图像转换为Base64: <input type="file" id="asd"/> 一旦用户select了（在提交表单之前），我想要在base64中获取图像，就像是： $(input).on('change',function(){ var data = $(this).val().base64file(); // it is not a plugin is just an example alert(data); }); 我读了关于File API和其他东西，我想简单和跨浏览器的解决scheme（显然排除IE6 / IE7）任何帮助赞赏谢谢。