Questions tagged «javascript»

有关在ECMAScript(JavaScript / JS)及其各种方言/实现(不包括ActionScript)中进行编程的问题。此标记很少单独使用,但最常与标记[node.js],[jquery],[json]和[html]关联。


11
如何隐藏浏览器的身份验证对话框?
我的Web应用程序有一个登录页面,该页面通过AJAX调用提交身份验证凭据。如果用户输入正确的用户名和密码,则一切正常,但如果不正确,则会发生以下情况: Web服务器确定尽管请求中包含格式正确的Authorization标头,但标头中的凭据未成功进行身份验证。 Web服务器返回401状态代码,并包含一个或多个列出受支持的身份验证类型的WWW-Authenticate标头。 浏览器检测到对我对XMLHttpRequest对象的调用的响应是401,并且该响应包含WWW-Authenticate标头。然后,它会弹出一个身份验证对话框,再次询问用户名和密码。 直到步骤3为止,一切都很好。我不想弹出对话框,我想处理AJAX回调函数中的401响应。(例如,通过在登录页面上显示错误消息。)当然,我希望用户重新输入用户名和密码,但我希望他们看到我友好的,令人放心的登录表单,而不是浏览器的默认丑陋外观身份验证对话框。 顺便说一句,我无法控制服务器,因此让它返回自定义状态代码(即401以外的其他内容)不是一种选择。 有什么办法可以禁止身份验证对话框?特别是,我可以在Firefox 2或更高版本中取消“需要身份验证”对话框吗?有什么方法可以抑制IE 6及更高版本中的“连接到[主机]”对话框? 编辑 作者提供的其他信息(9月18日): 我应该补充一点,弹出的浏览器身份验证对话框的真正问题在于,它无法向用户提供足够的信息。 用户刚刚通过登录页面上的表单输入了用户名和密码,他认为自己已经正确输入了二者,并且单击了提交按钮或按Enter。他的期望是他将被带到下一页,或者被告知他输入的信息不正确,应重试。但是,相反,他看到一个意外的对话框。 对话是没有的,他只是一个事实确认没有输入用户名和密码。它没有明确指出存在问题,他应该重试。而是,对话框为用户提供了诸如“网站说:' [领域] '”之类的神秘信息。其中[realm]是只有程序员才能喜欢的简短领域名称。 Web浏览器设计者应注意:如果对话框本身只是更易于使用,则没人会问如何隐藏身份验证对话框。我填写登录表单的全部原因是我们的产品管理团队正确地认为浏览器的身份验证对话框很糟糕。

12
如何在onKeyPress期间获取输入文本框的文本?
我正在尝试在用户输入文本框(jsfiddle操场)时在文本框中获取文本: function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> 运行代码段隐藏结果展开摘要 代码运行没有错误,但该值的中input text框,期间onKeyPress总是值之前的变化: 问题:如何在此期间获取文本框的文本onKeyPress? 奖金Chat不休 HTML DOM中有三个与“用户正在键入”有关的事件: onKeyDown onKeyPress …

4
图像转换为Base64
<input type="file" id="asd"/> 一旦用户选择(提交表单之前),我想在base64中获取图像 就像是 : $(input).on('change',function(){ var data = $(this).val().base64file(); // it is not a plugin is just an example alert(data); }); 我阅读了有关File API和其他内容的信息,我想要一个简单的跨浏览器解决方案(显然不包括IE6 / IE7) 任何帮助表示感谢。



9
在本地托管jQuery的好处与陷阱[关闭]
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 去年关闭。 改善这个问题 我们目前正在从Google CDN中提取jQuery和jQueryUI(以及jQueryUI CSS)库。我喜欢这样,因为我可以打电话,google.load("jquery", "1"); 并且将使用最新的jQuery1.xx。 现在我出于安全考虑将库拉到本地。 我很高兴将它们拉到本地,但我想知道还有哪些其他好处和陷阱值得关注?

22
Spring JSON请求获取406(不可接受)
这是我的javascript: function getWeather() { $.getJSON('getTemperature/' + $('.data option:selected').val(), null, function(data) { alert('Success'); }); } 这是我的控制器: @RequestMapping(value="/getTemperature/{id}", headers="Accept=*/*", method = RequestMethod.GET) @ResponseBody public Weather getTemparature(@PathVariable("id") Integer id){ Weather weather = weatherService.getCurrentWeather(id); return weather; } spring-servlet.xml <context:annotation-config /> <tx:annotation-driven /> 收到此错误: GET http://localhost:8080/web/getTemperature/2 406 (Not Acceptable) 标头: 响应标题 Server Apache-Coyote/1.1 Content-Type text/html;charset=utf-8 …
85 java  javascript  ajax  json  spring 

14
如何使用Javascript / jQuery确定是否已加载图像?
我正在编写一些Javascript来调整大图像的大小,以适合用户的浏览器窗口。(不幸的是,我没有控制源图像的大小。) 因此,HTML中将包含以下内容: <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> 我是否可以确定标签中的src图像img是否已下载? 我需要这样做,因为如果$(document).ready()在浏览器加载图像之前执行该命令,就会遇到问题。 $("#photo").width()并$("#photo").height()返回占位符的大小(替代文本)。就我而言,这约为134 x 20。 现在,我只是在检查照片的高度是否小于150,并假设是alt文字。但这是一个很不错的技巧,如果照片的高度小于150像素(在我的特定情况下不太可能),或者替换文字的高度大于150像素(可能发生在小的浏览器窗口中),它就会中断。 编辑:对于想要查看代码的任何人: $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = $("#photo").height(); $(window).resize(adjust_photo_size); adjust_photo_size(); function adjust_photo_size() { if(REAL_HEIGHT < 150) { REAL_WIDTH = $("#photo").width(); REAL_HEIGHT = $("#photo").height(); if(REAL_HEIGHT < …

12
任何人都有用于呈现HTML的差异算法?[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow的主题。 5年前关闭。 改善这个问题 我有兴趣看到一种很好的diff算法(可能用Java语言编写)来呈现两个HTML页面的并排diff。想法是,差异将显示呈现的HTML的差异。 为了澄清,我希望能够将并排差异作为渲染输出。因此,如果我删除一个段落,并排视图将知道正确地隔开空间。 完全是@Josh。虽然也许它将以红色或其他形式显示已删除的文本。这个想法是,如果我对HTML内容使用WYSIWYG编辑器,则不需要切换到HTML进行比较。我可能想与两个所见即所得的编辑并排执行。或至少在最终用户友好的问题上并排显示差异。
85 javascript  html  diff 

5
从JavaScript代码调用Python函数
我想从JavaScript代码中调用Python函数,因为JavaScript中没有其他方法可以做我想做的事情。这可能吗?您可以调整以下代码段使其正常工作吗? JavaScript代码: var tag = document.getElementsByTagName("p")[0]; text = tag.innerHTML; // Here I would like to call the Python interpreter with Python function arrOfStrings = openSomehowPythonInterpreter("~/pythoncode.py", "processParagraph(text)"); ~/pythoncode.py 包含使用高级库编写的函数,这些函数在JavaScript中没有易写的等效项: import nltk # is not in JavaScript def processParagraph(text): ... nltk calls ... return lst # returns a list of strings (will …

5
JavaScript:函数返回一个对象
我正在codecademy.com上一些JavaScript / jQuery的课程。通常,这些课程提供了答案或提示,但是对于这一课程它没有任何帮助,我对说明感到有些困惑。 它说要使函数makeGamePlayer返回带有三个键的对象。 //First, the object creator function makeGamePlayer(name,totalScore,gamesPlayed) { //should return an object with three keys: // name // totalScore // gamesPlayed } 我不确定是否应该这样做 //First, the object creator function makeGamePlayer(name,totalScore,gamesPlayed) { //should return an object with three keys: // name // totalScore // gamesPlayed this.name = name; this.totalScore …
85 javascript 



6
您可以使用event.target定位元素的父元素吗?
我正在尝试将页面的innerHTML更改为我单击的元素的innerHTML,唯一的问题是我希望它采用整个元素,例如: <section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section> 而我用javascript编写的代码: function selectedProduct(event){ target = event.target; element = document.getElementById("test"); element.innerHTML = target.innerHTML; } 将定位我单击的特定元素。 我想要实现的是,当我单击<section>元素中的任何位置时,它将采用整个元素的innerHTML,而不是我单击的特定元素。 我想这与选择被单击元素的父元素有关,但是我不确定并且无法在线找到任何东西。 如果可能的话,我想远离JQuery
85 javascript  html 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.