Tag: JavaScript

为什么调用setState方法不会立即改变状态？

好吧，我会尽力使这个快速，因为它应该是一个简单的修复… 我读过一堆类似的问题，答案似乎很明显。 没有什么我永远不得不仰视！ 但是…我有一个错误，我无法理解如何解决或为什么发生。 如下： class NightlifeTypes extends Component { constructor(props) { super(props); this.state = { barClubLounge: false, seeTheTown: true, eventsEntertainment: true, familyFriendlyOnly: false } this.handleOnChange = this.handleOnChange.bind(this); } handleOnChange = (event) => { if(event.target.className == "barClubLounge") { this.setState({barClubLounge: event.target.checked}); console.log(event.target.checked) console.log(this.state.barClubLounge) } } render() { return ( <input className="barClubLounge" type='checkbox' onChange={this.handleOnChange} checked={this.state.barClubLounge}/> ) } […]

在同一页面上多次运行Greasemonkey脚本？

我完全是Greasemonkey的新手，实际上所有的UI都是JavaScript。 要求：在加载页面后，用户脚本由GS运行一次。 但是，我需要相同的脚本多次运行而不刷新 使用案例：例如，Amazon.comsearch使用Ajax进行。 我需要在search结果中embedded一个自定义元素。 每次search发生在同一页面时，我需要将我的内容和search结果一起注入search结果（不刷新页面） 我当前的脚本只能在页面刷新的情况下运行。 我希望以上解释清楚。 请帮忙。

如何在javascript中获取HTML元素的样式值？

我正在寻找一种方法来从样式标签中设置了样式的元素中检索样式。 <style> #box {width: 100px;} </style> 在身体 <div id="box"></div> 我正在寻找直接的JavaScript而不使用库。 我尝试了以下，但不断收到空白： alert (document.getElementById("box").style.width); alert (document.getElementById("box").style.getPropertyValue("width")); 我注意到，我只能使用上面，如果我已经使用JavaScript设置样式，但无法与样式标签。

Chrome：超时/间隔暂停在后台标签中？

我正在使用这个testing来testing setTimeout的准确性。 现在我注意到了（如预期的那样） setTimeout不是很准确，但是对于大多数电器来说不是非常不准确的。 现在，如果我在Chrome中运行testing并让它在后台选项卡中运行（所以切换到另一个选项卡并在那里浏览），返回testing并检查testing结果（如果testing完成），它们将发生显着变化。 它看起来像超时运行慢很多。 testing在FF4或IE9这没有发生。 所以看起来像Chrome暂停或至less放慢JavaScript没有焦点的执行。 无法find关于这个问题的networking。 这意味着我们不能运行后台任务，比如例如使用XHR调用和setInterval定期检查服务器（我怀疑看到setInterval的相同行为，如果时间与我在一起，将会写一个testing）。 有没有人遇到过这个？ 会不会有解决这个暂停/减速的方法？ 你会把它称为一个错误，我应该这样归档吗？

防止执行父事件处理程序

我有一个div的树： <div id="a" onclick="func"> <div id="b" onclick="func"> <div id="c" onclick="func"> </div> </div> </div> 当在一个div上点击时，它会让孩子看不见 – 也就是说点击“a”会变成“b”和“c”不可见。 function func{ if ($(childId).hasClass("visible")){ $(childId).removeClass("visible"); $(childId).addClass("invisible"); } 问题是：点击“b”将调用“a”的点击，使“b”和“c”不可见。 如何禁用点击“a”使用jQuery？ 谢谢

Javascript：自然sorting的字母数字string

我正在寻找最简单的方法来sorting由数字和文本，以及这些组成的数组。 例如 '123asd' '19asd' '12345asd' 'asd123' 'asd12' 变成 '19asd' '123asd' '12345asd' 'asd12' 'asd123' 这将与我在这里提出的另一个问题的解决scheme结合使用。 sortingfunction本身起作用，我需要的是一个函数，可以说“19asd”小于“123asd”。 我正在用JavaScript写这个。 编辑：如adormitu指出，我正在寻找是一个自然sortingfunction

我不断收到“Uncaught SyntaxError：Unexpected token o”

我试图学习一些html / css / javascript，所以我自己写一个教学项目。 这个想法是在json文件中包含一些词汇，然后将其加载到一个表格中。 我设法加载文件并打印出其中一个值，之后我开始编写代码将值加载到表中。 这样做后，我开始得到一个错误，所以我删除了我写的所有代码，只留下一行（与之前工作过的同一行），只有错误仍然存​​在。 错误如下： Uncaught SyntaxError: Unexpected token o (anonymous function)script.js:10 jQuery.Callbacks.firejquery-1.7.js:1064 jQuery.Callbacks.self.fireWithjquery-1.7.js:1182 donejquery-1.7.js:7454 jQuery.ajaxTransport.send.callback 我的JavaScript代码包含在一个单独的文件，只是这样的： function loadPageIntoDiv(){ document.getElementById("wokabWeeks").style.display = "block"; } function loadWokab(){ //also tried getJSON which threw the same error jQuery.get('wokab.json', function(data) { var glacier = JSON.parse(data); }); } 而我的JSON文件现在只有以下几点： [ { "english": "bag", "kana": "kaban", "kanji": "K" […]

如何在angularjs ui-router中的状态之间共享$ scope数据？

如果不使用服务或在父控制器中构build监视器，如何让子控制器访问主控制器的$scope 。 .state("main", { controller:'mainController', url:"/main", templateUrl: "main_init.html" }) .state("main.1", { controller:'mainController', parent: 'main', url:"/1", templateUrl: 'form_1.html' }) .state("main.2", { controller:'mainController', parent: 'main', url: "/2", templateUrl: 'form_2.html' }) 我无法访问子状态的mainController作用域 – 或者我正在获取该作用域的另一个实例 – 而不是我想要的。 我觉得我错过了简单的事情。 状态对象中有一个共享的数据configuration选项，但是我不确定这是否应该用于这样的事情。

在JavaScript中捕捉浏览器的“缩放”事件

当用户更改页面的缩放时，是否可以使用JavaScript来检测？ 我只是想捕捉一个“缩放”事件，并作出响应（类似于window.onresize事件）。 谢谢。

在JavaScript中将string转换为variables名称

我寻找解决scheme，但找不到任何工作。 我有一个variables叫onlyVideo 。 "onlyVideo"string被传入一个函数。 我想在函数内部设置variablesonlyVideo 。 我怎样才能做到这一点？ （有很多variables可以调用到函数中，所以我需要dynamic工作，而不是硬编码的语句。） 编辑：可能有更好的方式做你想做的事情。 我在JavaScript冒险中很早就提出了这个问题。 看看JavaScript对象是如何工作的。 一个简单的介绍： // create JavaScript object var obj = { "key1": 1 }; // assign – set "key2" to 2 obj.key2 = 2; // read values obj.key1 === 1; obj.key2 === 2; // read values with a string, same result as above // but works […]