javascript 相关问题

JavaScript(不要与Java混淆)是一种高级,动态,多范式,面向对象,基于原型的弱类型语言,用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题(不包括ActionScript和Google-Apps-Script)。

如何将谷歌身份验证器添加到我的网站?

我有一个Web应用程序,前端是Angular2,后端是NodeJS。我希望允许客户使用 Google 身份验证器来使他们的帐户更安全。 我如何实施/使用 Google

回答 1 投票 0

如何从普通JS访问axios?

我正在尝试在纯JS中使用Axios。我已经从 CDN 中包含了它。在文档中,他们正在创建 Axios 对象,如下所示: const axios = require('axios'); 如果没有 Node,我如何使用纯 JS 来做同样的事情?

回答 2 投票 0

无法对MongoDB(MERN堆栈)执行CRUD(DELETE操作)

我正在开发一个执行 CRUD 操作的 MERN 堆栈“待办事项列表”应用程序。我可以成功实现“向数据库添加任务”功能。然而,对于“删除任务”,我...

回答 1 投票 0

像 Aseprite 这样应用缩放到点

您好,我需要一些帮助来将另一个问题的答案应用到我的代码中。我目前正在尝试重新创建 aseprite 的缩放功能,但是使用我当前的代码,当我缩放不同的 sid 时...

回答 1 投票 0

使用JavaScript获取滚动条宽度[重复]

以下 HTML 将在 div.container 的右内边缘显示一个滚动条。 是否可以确定滚动条的宽度? 以下 HTML 将在 div.container 的右内边缘显示滚动条。 是否可以确定滚动条的宽度? <div class="container" style="overflow-y:auto; height:40px;"> <div class="somethingBig"></div> </div> 这个函数应该给你滚动条的宽度 function getScrollbarWidth() { // Creating invisible container const outer = document.createElement('div'); outer.style.visibility = 'hidden'; outer.style.overflow = 'scroll'; // forcing scrollbar to appear outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps document.body.appendChild(outer); // Creating inner element and placing it in the container const inner = document.createElement('div'); outer.appendChild(inner); // Calculating difference between container's full width and the child width const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth); // Removing temporary elements from the DOM outer.parentNode.removeChild(outer); return scrollbarWidth; } 基本步骤是: 创建隐藏的div(外部)并获取其偏移宽度 使用CSS溢出属性强制滚动条出现在div(外部)中 创建新的 div(内部)并附加到外部,将其宽度设置为“100%”并获取偏移宽度 根据收集的偏移量计算滚动条宽度 此处的工作示例:http://jsfiddle.net/slavafomin/tsrmgcu9/ 更新 如果您在 Windows (metro) 应用程序上使用此功能,请确保将“outer”div 的 -ms-overflow-style 属性设置为 scrollbar,否则将无法正确检测宽度。 (代码已更新) 更新#2 在默认的“仅在滚动时显示滚动条”设置(Yosemite 及以上)的 Mac OS 上,这将给出值为 0,这可能是也可能不是预期的。 offsetWidth 包括滚动条的宽度,而 clientWidth 不包括。按照规则,它等于 14-18px。所以: let scrollBarWidth = element.offsetWidth - element.clientWidth; 如果该元素当前没有滚动条,则会返回 0,因此这里有一个简单的函数,它通过创建一个具有滚动条的临时元素来计算浏览器的滚动条宽度: function getScrollBarWidth() { let el = document.createElement("div"); el.style.cssText = "overflow:scroll; visibility:hidden; position:absolute;"; document.body.appendChild(el); let width = el.offsetWidth - el.clientWidth; el.remove(); return width; } 我认为这会简单快捷 - var scrollWidth= window.innerWidth-$(document).width() 如果子项采用容器的整个宽度,不包括滚动条(默认),那么您可以减去宽度: var child = document.querySelector(".somethingBig"); var scrollbarWidth = child.parentNode.offsetWidth - child.offsetWidth; 如果您使用jquery。ui,请尝试以下代码: $.position.scrollbarWidth() 我使用下一个函数来获取滚动条高度/宽度: function getBrowserScrollSize(){ var css = { "border": "none", "height": "200px", "margin": "0", "padding": "0", "width": "200px" }; var inner = $("<div>").css($.extend({}, css)); var outer = $("<div>").css($.extend({ "left": "-1000px", "overflow": "scroll", "position": "absolute", "top": "-1000px" }, css)).append(inner).appendTo("body") .scrollLeft(1000) .scrollTop(1000); var scrollSize = { "height": (outer.offset().top - inner.offset().top) || 0, "width": (outer.offset().left - inner.offset().left) || 0 }; outer.remove(); return scrollSize; } 这个基于 jQuery 的解决方案适用于 IE7+ 和所有其他现代浏览器(包括滚动条高度/宽度为 0 的移动设备)。 这是使用 jQuery 的简单方法。 var scrollbarWidth = jQuery('div.withScrollBar').get(0).scrollWidth - jQuery('div.withScrollBar').width(); 基本上,我们从整体宽度中减去可滚动宽度,这应该提供滚动条的宽度。当然,您需要缓存 jQuery('div.withScrollBar') 选择,这样您就不会重复执行该部分。 假设容器仅在页面上出现一次并且您正在使用 jQuery,那么: var containerEl = $('.container')[0]; var scrollbarWidth = containerEl.offsetWidth - containerEl.clientWidth; 另请参阅此答案了解更多详细信息。 这对我有用.. function getScrollbarWidth() { var div = $('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="height:100px;"></div>'); $('body').append(div); var w1 = $('div', div).innerWidth(); div.css('overflow-y', 'scroll'); var w2 = $('div', div).innerWidth(); $(div).remove(); return (w1 - w2); }

回答 9 投票 0

在postmessage中指定多个targetOrigin uri

Window.postMessage() 有一个 targetOrigin 参数,可以设置为 URI(以确保消息仅到达特定的 url)。当然也可以设置为*(不推荐),但是有没有...

回答 4 投票 0

测试从钩子内部导出的函数是否被调用

我正在尝试测试在使用该钩子/函数的组件中调用在钩子内部定义的函数。我熟悉模拟简单的模块/函数,但是这个场景...

回答 1 投票 0

获取 ISO 字符串格式的 2 个日期相减后的天数

我想计算两个日期之间的差异后的天数(两个日期都是isoString格式)。当我尝试减去时,它返回 NaN 而不是天数。这是我的代码,我可以知道...

回答 3 投票 0

为什么子组件在React中没有渲染?

我正在使用下面的包react-if。 https://www.npmjs.com/package/react-if 但我的子组件没有渲染。我正在尝试这样 ReactDOM.createRoot(document.getElementById('root')!).rende...

回答 1 投票 0

<form>

我正在开始我的年终学习项目(截止日期为七月中旬:))。 我正在尝试制作一个小型网站,为了脱颖而出,我不是用 php 而是用 node.js 来做。 我发现了这项技术,我...

回答 1 投票 0

单击按钮更改背景

我需要通过单击按钮更改图像的同时更改背景颜色。使背景变暗完全有效,但是如何通过单击...来更改背景

回答 1 投票 0

从 Elementor Pro Form 获取输入字段值

我使用 Elementor Pro Form 小部件创建了一个表单。现在我想编写一些代码,并且需要从 Elementor Pro Form 获取输入字段的值。我怎样才能做到这一点? 这是我所做的:

回答 2 投票 0

迭代列

我有一个包含一年中月份的数组,我想提取给定月份的数值。例如,如果月份是三月,它应该返回 3(我可以通过

回答 1 投票 0

如何在不重新加载页面的情况下提交表单

如何在页面加载时自动提交表单。 我的代码如下。只需重新加载页面 如何在页面加载时自动提交表单。 我的代码如下。只需重新加载页面 <form method="POST" id="formID"> <input type="text" name="item" value="food" /> </form> <script> window.addEventListener('DOMContentLoaded', (event) => { document.getElementById('formID').submit(); }); </script> 这是一种无需重新加载整个页面即可提交表单的方法。使用异步 AJAX。 要在页面加载时自动提交表单而不重新加载页面,您需要使用 JavaScript 异步提交表单。 您可以这样做: <form id="myForm" method="POST"> <input type="text" name="item" value="food"> </form> <script> window.addEventListener('load', () => { const form = document.getElementById('myForm'); // Submit form asynchronously via AJAX const request = new XMLHttpRequest(); request.open('POST', '/submit-url'); request.send(new FormData(form)); }); </script> 要点: 使用 addEventListener('load') 等待整页加载 创建 XMLHttpRequest 对象,通过 AJAX 异步提交表单数据 打开对提交 URL 的 POST 请求 发送从表单元素创建的表单数据实例 这允许提交表单而无需重新加载页面。提交操作在后台异步处理。 总结一下: 获取表单元素 创建 XMLHttpRequest 对象 打开 POST 请求 异步发送表单数据 这是在页面加载时自动提交表单而无需重新加载的 JavaScript 方式。试用。我希望它能达到您的目的。

回答 1 投票 0

在 Three.js 中创建用户定义的球形部分

我在 THREE.js 中有一个球体(我将其称为主球体)。我的用户能够单击球体上的多个点来标记多边形的角。这些点本身就代表...

回答 2 投票 0

使用 serviceWorker (PWA) 和 Laravel Cache::put() 进行缓存的区别

缓存是优化 Web 应用程序速度和效率的一个基本方面。因此,决定使用它的最佳方法和策略至关重要。就我而言...

回答 1 投票 0

Android - PhoneGap 错误:解析 XML 时出错:未绑定前缀

我重新启动了eclipse,错误在同一行改为“error: Error parsing XML: unbound prefix” 我正在尝试在我的 Android PhoneGap 应用程序中使用这个插件。这是本地人

回答 3 投票 0

如何确定 javascript/jquery 中元素是父级的最后一个还是第一个子级?

我有以下代码,模拟单击左键或右键按下事件。这用作画廊幻灯片的一部分: $(文档).keydown(函数(e) { if(e.keyCode ...

回答 5 投票 0

通过 Google Calendar API 发送活动电子邮件通知

我正在使用 calendar.events.insert API 通过 PHP 客户端将事件添加到我的日历中。 该事件与 API 设置的适当值一起正确插入。 然而我也一样...

回答 5 投票 0

如何在 javascript 的静态方法中使用私有属性?

我正在尝试以下操作,但编辑器将其标记为错误 类颜色选择器{ #colors = [RGB 颜色数组] ... ... 构造函数(颜色){ ... } 静态获取随机数(){ 返回...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.