程序设计 javascript

10

我已经尝试了一个多小时，并且想不出正确的方法，尽管这可能很简单：我有这样的事情： foo/bar/test.html 我想使用jQuery提取last之后的所有内容/。在上面的示例中，输出为test.html。我猜可以使用substr和来完成indexOf()，但是我找不到可行的解决方案。

112 javascript substring indexof slash

10

如何在不使用jQuery的情况下获取文档的高度和宽度

如何获取纯净的文档高度和宽度 javascript 即不使用 jQuery的。我知道$(document).height()和$(document).width()，但是我想在javascript。我的意思是页面的高度和宽度。

112 javascript

8

Javascript结构

以前，当我需要存储许多相关变量时，我将创建一个类。 function Item(id, speaker, country) { this.id = id; this.speaker = spkr; this.country = country; } var myItems = [ new Item(1, 'john', 'au'), new Item(2, 'mary', 'us') ]; 但是我想知道这是否是一个好习惯。还有其他更好的方法来模拟Javascript结构吗？

112 javascript struct

2

如何在Angular2中订阅服务上的事件？

我知道如何使用EventEmitter引发事件。如果我有这样的组件，我还可以附加一个要调用的方法： <component-with-event (myevent)="mymethod($event)" /> 当我拥有这样的组件时，一切都很好。我将一些逻辑转移到服务中，并且需要从服务内部引发一个事件。我所做的是： export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } 我有一个组件需要根据此事件更新一些值，但我似乎无法使其工作。我试过的是： //Annotations... export class MyComponent { constructor(myService: MyService) { //myService is injected properly and i already use methods/shared data on this. myService.myevent.on(... // 'on' is not a method <-- not …

112 javascript angular

9

从react-router哈希片段获取查询参数

我在客户端上为我的应用程序使用react和react-router。我似乎无法弄清楚如何从如下网址获取以下查询参数： http://xmen.database/search#/?status=APPROVED&page=1&limit=20 我的路线如下所示（我知道该路线完全错误）： var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); 我的路线工作正常，但我不确定如何格式化路径以获取所需的参数。感谢任何帮助！

112 javascript reactjs client-side react-router client-side-scripting

6

VueJs 2.0中同级组件之间的通信

总览在Vue.js 2.x中，model.sync将不推荐使用。那么，在Vue.js 2.x中的兄弟组件之间进行通信的正确方法是什么？背景据我了解Vue 2.x，同级通信的首选方法是使用商店或事件总线。根据Evan（Vue的创建者）的说法：值得一提的是，“在组件之间传递数据”通常不是一个好主意，因为最终数据流变得不可跟踪且很难调试。如果一条数据需要由多个组件共享，则首选全局存储或Vuex。 [ 讨论链接 ] 和： .once并且.sync已弃用。现在，道具总是单向下降。为了在父范围内产生副作用，组件需要显式地声明emit一个事件，而不是依赖于隐式绑定。因此，Evan 建议使用$emit()和$on()。顾虑让我担心的是：每个store并event具有全球知名度（纠正我，如果我错了）; 为每次次要沟通创建一个新的商店太浪费了；我想要的是兄弟姐妹组件的某种范围 events或stores可见性。（或者也许我不理解上面的想法。）题那么，同级组件之间进行通信的正确方法是什么？

112 javascript vue.js vuejs2 vue-component vuex

7

如何在Angular2上使用onBlur事件？

如何在Angular2中检测到onBlur事件？我想用它 <input type="text"> 谁能帮助我了解如何使用它？

112 javascript angular onblur

5

如何访问在其键中包含空格的JavaScript对象？

我有一个JavaScript对象，看起来像这样： var myTextOptions = { 'cartoon': { comic: 'Calvin & Hobbes', published: '1993' }, 'character names': { kid: 'Calvin', tiger: 'Hobbes' } } 我可以访问cartoon轻松使用myTextOptions.cartoon.comic或其他属性。但是，我无法正确访问的语法kid。我已经尝试了以下方法，但是没有运气： myTextOptions.character names.kid myTextOptions."character names".kid myTextOptions.character\ names.kid myTextOptions.'character names'.kid myTextOptions.["character names"].kid myTextOptions.character%20names.kid

112 javascript object

13

是否可以在不破坏后代事件监听器的情况下附加到innerHTML？

在以下示例代码中，我将onclick事件处理程序附加到包含文本“ foo”的范围。该处理程序是一个匿名函数，会弹出一个alert()。但是，如果我分配给父节点的 innerHTML，则此onclick事件处理程序将被销毁-单击“ foo”将无法弹出警报框。这个可以解决吗？ <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); }; mydiv = document.getElementById("mydiv"); mydiv.innerHTML += "bar"; } </script> </head> <body onload="start()"> <div id="mydiv" style="border: solid red 2px"> <span id="myspan">foo</span> </div> </body> </html>

112 javascript html innerhtml dom-events

3

在各种浏览器中使用javascript在客户端读取文件内容

我试图提供一种仅脚本解决方案，用于通过浏览器读取客户端计算机上文件的内容。我有一个可与Firefox和Internet Explorer一起使用的解决方案。它不是很漂亮，但是我现在只是在尝试： function getFileContents() { var fileForUpload = document.forms[0].fileForUpload; var fileName = fileForUpload.value; if (fileForUpload.files) { var fileContents = fileForUpload.files.item(0).getAsBinary(); document.forms[0].fileContents.innerHTML = fileContents; } else { // try the IE method var fileContents = ieReadFile(fileName); document.forms[0].fileContents.innerHTML = fileContents; } } function ieReadFile(filename) { try { var fso = new …

112 javascript html file-io sandbox

8

无法在LocalStorage中设置布尔值？

我注意到无法在中设置布尔值localStorage？ localStorage.setItem("item1", true); alert(localStorage.getItem("item1") + " | " + (localStorage.getItem("item1") == true)); true | false当我尝试对其进行测试时，总是发出警报localStorage.getItem("item1") == "true"，警报为true ...如何将项目设置localStorage为true？即使是字符串，我也认为只会===检查类型？所以 alert("true" == true); // should be true?

112 javascript

6

使用Thymeleaf从Spring模型设置JavaScript变量

我正在使用Thymeleaf作为模板引擎。如何将变量从Spring模型传递给JavaScript变量？春季： @RequestMapping(value = "message", method = RequestMethod.GET) public String messages(Model model) { model.addAttribute("message", "hello"); return "index"; } 客户端： <script> .... var m = ${message}; // not working alert(m); ... </script>

112 javascript spring thymeleaf

19

如何从jQuery对象获取选择器

$("*").click(function(){ $(this); // how can I get selector from $(this) ? }); 有一种简单的方法可以从中获取选择器$(this)吗？有一种通过其选择器选择元素的方法，但是如何从元素中获取选择器呢？

112 javascript jquery jquery-selectors tree-traversal

30

合并2个对象数组

让我们看一个例子。 var arr1 = new Array({name: "lang", value: "English"}, {name: "age", value: "18"}); var arr2 = new Array({name : "childs", value: '5'}, {name: "lang", value: "German"}); 我需要合并对象的这两个数组并创建以下数组： arr3 = new Array({name: "lang", value: "German"}, {name: "age", value: "18"}, {name : "childs", value: '5'}); 有没有JavaScript或jQuery函数可以做到这一点？ $.extend不适合我。它返回 arr4 = new Array({name : …

112 javascript jquery arrays

8

更改路线参数而无需在Angular 2中重新加载

我正在使用Angular 2，Google Maps等创建房地产网站，并且当用户更改地图中心时，我对API进行搜索，以指示地图的当前位置以及半径。问题是，我想在不重新加载整个页面的情况下将这些值反映在url中。那可能吗？我已经找到了一些使用AngularJS 1.x的解决方案，但是关于Angular 2却一无所获。

112 javascript angular routes angular2-routing

Questions tagged «javascript»