Tag: javascript

如何在javascript文件中访问Spring MVC模型对象？

我正在使用spring 3 MVC，我有以下课程。 外部系统将使用以下URL调用我的应用程序： http://somehost/root/param1/param2/param3 我有一个spring MVC控制器方法如下： public ModelAndView showPage(@PathVariable(“param1”) String paramOne, @PathVariable(“param2”) String paramTwo, @PathVariable(“param3”) String paramThree, HttpServletResponse response) { SomeModel model = new SomeModel(paramOne, paramTwo, paramThree); return new ModelAndView(“SomeJsp”, “model”, model); } SomeModel.java public class SomeModel{ private String paramOne; private String paramTwo; private String paramThree; //constructor //setters and getters } SomeJsp.jsp //In this […]

不同浏览器中日期值的JSON.stringify差异

我在HTML页面中有这个代码： alert(JSON.stringify(new Date())); 我在我的页面中包含了最新的json2.js （2009-09-29版本），以支持没有JSON.stringify（）的旧浏览器。 我还包括jquery-1.3.2.js。 我相信具有原生JSON支持的新浏览器，它只是传递给本机JSONfunction。 这是我在不同浏览器中得到的结果： IE 8 on Windows XP: “2010-02-07T21:39:32Z” Chrome 4.0 on Windows XP: “2010-02-07T21:39:59Z” Firefox 3.0 of Windows XP: “2010-02-07T21:40:41Z” Chrome 4.0 on Ubuntu linux: “2010-02-07T21:41:49Z” Firefox 3.0 on Ubuntu linux: “2010-02-07T21:42:44Z” Chrome 4.0 on Mac OSX: “2010-02-07T21:43:56Z” Safari on Mac OSX: “2010-02-07T21:45:21Z” Firefox 3.5 on Mac OSX: “2010-02-07T21:44:10.101Z” […]

如何使用JavaScript / jQuery选择图像的多边形区域？

我希望能够让我的用户选择他们上传的图像的特定多边形（点之间有曲线6-8个顶点）区域 – 如何使用HTML5和JS进行此操作？ 我找到的唯一一个库允许纯粹的矩形选择： http ： //odyniec.net/projects/imgareaselect/

javascript属性更改事件

我需要在每次更新/更改属性时触发事件，以使dom元素与模型上的属性值保持同步（我使用john resig的简单inheritancehttp://ejohn.org/blog/simple-javascript-inheritance/ ）。 这可以通过跨浏览器方式进行吗？ 在我看来，如果我可以包装任何函数js用于设置属性并使其触发事件，它可以工作，我只是不知道如何做到这一点。

如何在JavaScript中提取当前文档路径的URL的文件名？

我正在尝试在没有任何参数的情况下在Javascript中提取当前文件名。 $(location).attr(‘href’).match(/([a-zA-Z\-\_0-9]+\.\w+)$/); var current_path = RegExp.$1; if ((current_path == ‘index.html’) || …) { // something here } 但是当您访问http://example.com/index.html?lang=ja时，它根本不起作用。 当然，文件名将随机更改。 任何的想法？

如何在Aurelia入门应用程序（导航应用程序）中使用JQuery UI组件

我可以按照入门教程中提供的步骤运行Aurelia应用程序。 他们在骨架应用程序中使用了bootstrap nav-bar。 是否可以在Aurelia应用程序中使用JQuery UI组件。 如果是，请解释我如何实现这一目标。 提前致谢。

我怎样才能捕获jQuery AJAX错误？

将AJAX请求提交到站点时，可以使用jQuery promise方法轻松处理服务器端错误。 .done() .fail()等。但是对于某些请求（例如，对于无效站点或不接受跨源请求的站点），在进行调用时会立即发生exception。 以下是控制台中一个错误的示例： XMLHttpRequest无法加载http://someotherserver/api/blahblah 。 Access-Control-Allow-Origin不允许使用原始http://localhost:52625 。 是的，我知道CORS ……这不是问题。 我实际上在做的是尝试使用web api调用来测试服务器IP /名称是否正确 我知道jQuery请求语法中的error选项： $.ajax({ url: remoteURL, type: ‘GET’, error: function (err) { console.log(“AJAX error in request: ” + JSON.stringify(err, null, 2)); } }).etc.etc. 此处处理错误，但仍在控制台中记录exception。 将上面的内容包装在try-catch块中似乎是合理的，但这似乎没有帮助。 我发现了这个问题 ，但解决方案涉及破解jQuery代码。 当然有更好的方法来捕获这些错误，而不是堵塞控制台日志？

在JavaScript中使用箭头键移动焦点

我希望能够使用箭头键浏览网页上的所有可聚焦元素。 因此，当按下向下键时，焦点应移动到当前聚焦元素下方的可聚焦元素。 你可以得到其他箭头键的想法，当没有可转移的可聚焦元素时，焦点应该保持不变。 这是我到目前为止所得到的： $(document).keydown(function(e){ if (e.keyCode == 37) { //left var offset = $(“*:focus”).offset(); var allElements = $(“#container”).find(‘a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]’); var arr = jQuery.makeArray(allElements); var topLeft = offset.left var minus = topLeft; var currentElement = $(“*:focus”); for(var i = 0; i < arr.length; i++) { if […]

jquery临时解除绑定事件

也许我完全错过了甚至在jQuery中处理的东西，但这是我的问题。 我们假设有一些事件绑定，比如 $(element).bind(“mousemove”, somefunc); 现在，我想介绍一个新的mousemove绑定，它不会覆盖前一个，但暂时排除（解除绑定）它。 换句话说，当我绑定我的函数时，我必须确保没有其他函数将执行该事件，直到我恢复它们。 我正在寻找类似的东西： $(element).bind(“mousemove”, somefunc); // Somefunc is used regularly var savedBinding = $(element).getCurrentBinding(“mousemove”); $(element).unbind(“mousemove”).bind(“mousemove”, myfunc); // Use myfunc instead $(element).unbind(“mousemove”, myfunc).bind(“mousemove”, savedBindings); 当然，somefunc不在我的控制之下，否则这将是无用的:) 我的理解是可以将多个函数绑定到同一个事件，并且无法预先确定这些函数的执行。 我知道停止事件传播和立即事件传播，但我认为它们在我的情况下是无用的，因为执行顺序无法确定（但也许我得到这些错误）。 我怎样才能做到这一点？ 在此先感谢~Aki 编辑：我需要强调这一点：我需要不执行以前安装的处理程序（somefunc）。 我没有定义该处理程序，它可能是或可能不存在，但它由第三方用户安装。 EDIT2：好的，现在这是不可行的，我想我需要eventListenerList，它还没有在大多数浏览器中实现。 http://www.w3.org/TR/2002/WD-DOM-Level-3-Events-20020208/changes.html

根据屏幕尺寸执行function

我需要根据屏幕尺寸和屏幕尺寸变化执行特定function（响应） 所以我说我有3个function（例如） function red() { $(‘div’).css(‘background’,’#B60C0C’) .text(‘Screen Size RED’); console.log(‘RED’); } function orange() { $(‘div’).css(‘background’,’#EBAE10′) .text(‘Screen Size ORANGE’); console.log(‘ORANGE’); } function green() { $(‘div’).css(‘background’,’#83ba2b’) .text(‘Screen Size GREEN’); console.log(‘GREEN’); } 当屏幕宽度尺寸为500px或更低时，我需要执行functiongreen（） 并且当屏幕宽度大小为501px至850px时function为橙色（） 并且当屏幕宽度大小为851px或更高时function为红色（） 我尝试使用resize（），但问题是在为每个像素重复执行相同function时调整浏览器大小时执行该function，这是一种非常糟糕的执行方式 我需要在突破屏幕宽度大小时执行该function 准备在jsfiddle上使用代码http://jsfiddle.net/BaNRq/