Tag: JavaScript

JavaScript：在页面的所有元素上反转颜色: 注意：我在我的问题中保留了一个最新版本的书签，这个版本运行良好，基于雅各布的回答。如果您正在寻找一个小书签来使用，使用那个。如果你只是想要一些奇妙的东西在铬上工作，请参阅leosok的梦幻般的答案。我希望能够通过JavaScript书签来反转页面上所有元素的颜色。我知道要倒置颜色，你可以从255（xFF）中减去每个RGBhex值，但除此之外，我不确定如何继续。我怎样才能做到这一点？使用jQuery是可以接受的，它只需要在Chrome上工作，但如果它在Firefox中工作，那将是一个加号。这是排除图像 – 背景，文字和链接的颜色都应该倒置。基本上任何从CSS获取其颜色的东西。更新这里是一个更新的小书签，修复了嵌套的元素问题，并将工作在许多不同的网站（包括这一个） UPDATE2增加了对透明度的支持，处理具有默认背景颜色rgba（ 0,0,0,0）的元素。更多的网站现在应该与更新的工作。 javascript: (function ($) { function load_script(src, callback) { var s = document.createElement('script'); s.src = src; s.onload = callback; document.getElementsByTagName('head')[0].appendChild(s); } function invertElement() { var colorProperties = ['color', 'background-color']; var color = null; for (var prop in colorProperties) { prop = […]

如何触发input按键的文本框？: 在我的HTML页面，我有一个文本框供用户input关键字进行search。当他们点击searchbutton时，JavaScript函数将生成一个URL并在新窗口中运行。当用户通过鼠标点击searchbutton时JavaScriptfunction正常工作，但是当用户按下ENTER键时没有响应。 function searching() { var keywordsStr = document.getElementById('keywords').value; var cmd ="http://XXX/advancedsearch_result.asp?language=ENG&+"+ encodeURI(keywordsStr) + "&x=11&y=4"; window.location = cmd; } <form name="form1" method="get"> <input name="keywords" type="text" id="keywords" size="50" > <input type="submit" name="btn_search" id="btn_search" value="Search" onClick="javascript:searching(); return false;" onKeyPress="javascript:searching(); return false;"> <input type="reset" name="btn_reset" id="btn_reset" value="Reset"> </form>

如何在JavaScript中进行整数除法（在int中获得除法答案不浮点数）？: Javascript中有没有什么function可以让你做整数除法，我的意思是在int中得到除法的答案，而不是浮点数。 var x = 455/10; // Now x is 45.5 // Expected x to be 45 但是我希望x是45.我试图从数字中删除最后一位数字。

我怎样才能添加，删除或交换页面的jQueryvalidation规则？: 注意：这个问题是指jQuery.validate（）（版本1.5）的一个非常旧的版本。这个插件现在提供了一个内置的解决scheme：应该使用.rules()方法。对于需要维护无法升级到最新版本的jQuery和jQuery.validate（）的遗留网站的用户，我将以原始forms留下这个问题和答案，以用于历史目的。我有一个表单来切换什么input元素是可见的。我只想validation窗体上的可见元素。我很难得到这个function正常。我想禁用不可见元素的validation器，我似乎无法找出最好的方法来做到这一点。任何洞察到什么可能是错误的我的代码，或我的方法，将不胜感激。当能见度切换时，我尝试了几件事情：调用$("form").rules("remove")来清除所有现有的validation规则。这会抛出一个“未定义的”JavaScriptexception。为可见元素调用$("form").validation(…options…) ，希望这会覆盖规则。这只允许validation的第一组工作。第二个面板不能被validation。在调用新的validation()方法之前解绑定提交处理程序。这没有做我会想到的。它永久删除所有validation（表面上），表单提交没有validation。在尝试再次调用validation器之前用$.removeData($('form'), 'validator')清除validation对象。这也是行不通的。这是在ASP.NET网站，所以使用多个<form />标签是不可能的，因为这将打破页面。我有点沉迷于如何做这项工作。您可以在http://jsbin.com/ucibe3看到完整的工作演示，或者在http://jsbin.com/ucibe3/edit编辑。我试图把它解决只是导致错误的代码。这里是我的代码的关键部分（使用上面的链接完整的工作页面） HTML： <td id="leftform"> Left Form<br /> Input 1: <input type="text" name="leftform_input1" /><br /> Input 2: <input type="text" name="leftform_input2" /><br /> <input type="submit" name="leftform_submit" value="Submit Left" […]

如何检查字符是否是Javascript中的一个字母？: 我正在用一个Javascriptstring提取一个字符： var first = str.charAt(0); 我想检查一下是否是一封信。奇怪的是，它似乎并不像Javascript中存在这样的function。至less我找不到它。我如何testing这个？

JavaScript – 使用数组填充下拉列表: 我有一个脚本中声明的数组： var myArray = new Array("1", "2", "3", "4", "5" . . . . . "N"); 我有一个包含下拉菜单的表单： <form id="myForm"> <select id="selectNumber"> <option>Choose a number</option> </select> </form> 使用Javascript，我将如何填充数组值的下拉菜单的其余部分？所以选项将是“select一个数字”，“1”，“2”，“3”，“4”，“5”。。。。。 “N”？

如何将一个普通的对象转换成一个ES6映射？: 出于某种原因，我无法在MDN文档中find这个简单的东西（也许我只是想念它）。我期待这个工作： const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' …但第一行引发TypeError: (var)[Symbol.iterator] is not a function 我如何从一个普通的对象做一个地图？我真的必须首先将其转换为一组键值对的数组吗？

Bootstrap模式：不是一个函数: 我在我的页面中有一个模式。当我尝试在窗口加载时调用它时，它会向控制台输出一个错误信息： $(…).modal is not a function 这是我的Modal HTML： <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn […]

基于垂直滚动的jQuery添加/删除类？: 所以基本上我想在用户向下滚动一点之后从“标题”中删除类，并添加另一个类来改变它的外观。试图找出这样做的最简单的方法，但我不能使它的工作。 $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll <= 500) { $(".clearheader").removeClass("clearHeader").addClass("darkHeader"); } } CSS .clearHeader{ height: 200px; background-color: rgba(107,107,107,0.66); position: fixed; top:200; width: 100%; } .darkHeader { height: 100px; } .wrapper { height:2000px; } HTML <header class="clearHeader"> </header> <div class="wrapper"> </div> 我确信我正在做一些非常基本的错误。

可移动/可拖动<div>: 这是我的更新和修改的脚本，它的工作原理是完全的，除了我想普及它…观察****我怎么能使它，所以我不必做function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e); function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e); 每次我需要使用不同元素的可拖动function？ window.onload = addListeners; var BOX = function(){ return{ Draggable: function(){} }; }(); function addListeners(){ document.getElementById('div').addEventListener('contextmenu', menumove, false); **document.getElementById('div').addEventListener('mousedown', function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e);}, false);** } function elementDraggable(e){ var e = e || window.event; var div = BOX.Draggable.elemen; BOX.Draggable.innerX = e.clientX + […]