Questions tagged «javascript»

我的问题最好通过以下方式给出 此jsfiddle给出，其代码如下： var a = 1, b = 'x', c = true; var d = {a: a, b: b, c: c}; // <--- object literal var e = [a, b, c]; // <--- array var f = {a, b, c}; // <--- what exactly is this?? // these all give …

88 javascript  ecmascript-6 

我想创建一个教程，它将引导用户确切地单击。我试图覆盖整个屏幕，<div>这会变得暗淡，除了一个所有元素特定区域是在一个固定的width，height，top和left。 问题是，我找不到“取消”父母的方法background-color（也是透明的）。 在下面的片段中，hole是应该没有任何div的div background-color，包括其父级的div 。 能做到吗？有任何想法吗？ #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } <div id="bg"> <div id="hole"></div> </div> 运行代码段隐藏结果展开摘要 这是我要达到的目标的模型图：

88 javascript  jquery  html  css 

如何编写将对URL锚点进行任何更改的JavaScript回调代码？ 例如从http://example.com#a到http://example.com#b

88 javascript  event-handling  dom-events  fragment-identifier  hashchange 

在声明一组变量而不是分号时使用逗号有什么区别和/或优势（如果有）。 例如： var foo = 'bar', bar = 'foo'; 与 var foo = 'bar'; var bar = 'foo'; 我知道，如果您var在第一个示例中的第一个变量上指定了关键字，则该关键字在所有变量中都将保留，因此它们在范围方面都会产生相同的最终结果。仅仅是个人喜好，还是通过这两种方式都能获得性能上的好处？

88 javascript  variables 

我将所有JS作为外部文件包括在内，这些文件在页面的底部加载。在这些文件中，我定义了几个这样的方法，我从ready事件中调用它们： var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); 但是，当我删除ready函数并直接调用方法时，所有工作原理都相同，但是执行起来明显更快—在一个漂亮的基本文件上，几乎快了一秒钟！由于应该在此时加载文档（因为所有标记都在script标记之前），是否有充分的理由仍然使用ready事件？

88 javascript  jquery  html 

似乎大多数人都使用XMLHttpRequest进行异步请求，但是很明显，可以执行同步请求的事实表明这样做可能是有正当理由的。那么，那个合理的原因可能是什么呢？

88 javascript  ajax 

假设您有一个像{'cat'：'meow'，'dog'：'woof'...}这样的Javascript对象，比我想出的这种漫长的方法，有没有更简洁的方法可以从对象中选择随机属性： function pickRandomProperty(obj) { var prop, len = 0, randomPos, pos = 0; for (prop in obj) { if (obj.hasOwnProperty(prop)) { len += 1; } } randomPos = Math.floor(Math.random() * len); for (prop in obj) { if (obj.hasOwnProperty(prop)) { if (pos === randomPos) { return prop; } pos += 1; …

88 javascript 

我正在使用以下代码发出AJAX请求： $("#userBarSignup").click(function(){ $.get("C:/xampp/htdocs/webname/resources/templates/signup.php", {/*params*/}, function(response){ $("#signup").html("TEST"); $("#signup").html(response); }, "html"); 但是从Google Chrome JavaScript控制台中，我一直收到此错误： XMLHttpRequest无法加载文件：/// C：/xampp/htdocs/webname/resources/templates/signup.php。跨源请求仅支持HTTP。 问题是signup.php文件托管在我的本地Web服务器上，这是所有网站的运行源，因此它不是跨域的。 我怎么解决这个问题？

88 javascript 

我正在ASP.NET文件后面的C＃代码中动态创建超链接。我需要在客户端点击时调用JavaScript函数。我该如何做到这一点？

88 javascript  hyperlink 

今天有人问我，我无法给出适当的答案。 Typescript转换为JS。然后是摇晃的树，“较少”（可选）以及进行部署的过程。但是，那样的东西（afaik）与“编译”没有任何关系。一切都捆绑在一起并进行了严格的优化，但是实际上并没有被编译，对吗？ 甚至还有一个“提前”编译器，它确实可以做得很出色。我想念什么？ JavaScript本身仍在解释，对吗？

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

我有一个选择div，我正在使用选择的jquery插件来设置样式和添加功能（最值得注意的是搜索）。div看起来像这样， <select data-placeholder="add a foobar" id="foobar" style="width: 350px;"> <option value=""></option> </select> 我正在使用这样选择的插件 $('#foobar').chosen(); 在加载一些AJAX时，我想禁用整个<select>div。也许像这样 $('#foobar').disable() 或这个 $('#foobar').prop('disabled', true) 我想你应该已经明白了。 有关如何执行此操作的任何想法？我已经尝试了许多不同的方法，例如使用jquery惯用法来禁用事物，禁用，<select>这只会禁用基础选择，而不是其上的所选内容。我什至采取了手动添加另一个具有高的divz-index来使框变灰的方法，但是我认为这可能很丑陋且有问题。 谢谢您的帮助！

88 javascript  jquery  jquery-chosen 

我需要测试表单的值是否onsubmit为函数。格式通常为onsubmit="return valid();"。有没有办法判断这是否是一个函数，以及它是否可调用？使用typeof只是返回它是一个字符串，对我没有多大帮助。 编辑：当然，我知道“返回有效的（）;” 是一个字符串。我将replace其简化为“ valid（）;”，甚至是“ valid（）”。我想知道这两个是否是一个函数。 编辑：这是一些代码，可能有助于解释我的问题： $("a.button").parents("form").submit(function() { var submit_function = $("a.button").parents("form").attr("onsubmit"); if ( submit_function && typeof( submit_function.replace(/return /,"") ) == 'function' ) { return eval(submit_function.replace(/return /,"")); } else { alert("onSubmit is not a function.\n\nIs the script included?"); return false; } } ); 编辑2：这是新的代码。似乎我仍然必须使用eval，因为调用form.submit（）不会触发现有的onsubmit。 var formObj = $("a.button").parents("form"); formObj.submit(function() …

88 javascript  typeof  onsubmit 

题 有没有安全的方法可以在Android上的Chrome中获取实际正确的屏幕物理尺寸？如有必要，可以将旧版本的Chrome和Android排除在外。 先前的研究 关于从Javascript（或CSS）中获取设备的实际物理屏幕尺寸的问题，stackoverflow上有很多死胡同的问题。似乎html api标准化与实际的浏览器实现之间没有融合，更不用说浏览器实现依赖于OS api，而OS api则依赖于提供正确信息的硬件。 顺便说一下，在假设当时盛行的某个像素密度的情况下，某些先验答案是奥术（2011年之类），因此毫无用处。其他则与webkit有关，而Chrome闪烁可能已取代了Chrome（？）中的webkit。 我想通过将事物限制为仅适用于Android上的Chrome来探索简单解决方案的存在。 注意 这全部与浏览器内部的javascript（或css）解决方案有关，而不是针对本机应用程序的解决方案。

88 android  javascript  google-chrome 

function doSomethingWith(param) { document.body.addEventListener( 'scroll', function() { document.write(param); }, false ); // An event that I want to remove later } setTimeout( function() { document.body.removeEventListener('scroll', HANDLER ,false); // What HANDLER should I specify to remove the anonymous handler above? }, 3000 ); doSomethingWith('Test. ');

88 javascript  event-handling  anonymous-function 

我的Select2 3.4.5无法使用JSON数据。 这是我在HTML上的输入框： <input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' /> …还有我的JavaScript $(".itemSearch").select2({ placeholder: "Search for an Item", minimumInputLength: 2, ajax: { url: "/api/productSearch", dataType: 'json', quietMillis: 100, data: function (term, page) { return { option: term }; }, results: function (data, page) { var more = (page * 10) …

88 javascript  json  laravel  jquery-select2