OnITRoad - 常见问题
如何使用 CSS 和 JavaScript 创建模态对话框
如何使用 CSS 和 JavaScript 创建模态对话框 如今,编程世界中令人兴奋的事情之一是模态对话框。 模态对话框或者弹出框用于显示上次更新的网页。 它将用户的注意力吸引到特定元素上。 模态对话框最显着的优点是它显示添加的信息而不是再次加载页面。 它为用户提供了相关信息到类似网页上的对话框中。 建议模态对话框的另一个优点是它们减少了吸引用户的加载时间。 现在我们了解了什么是模态对话框,让我们
Views:0 2020-06-02
如何从 HTML 字符串创建一个新的 DOM 元素
如何从 HTML 字符串创建一个新的 DOM 元素 HTML5 引入了 <template> 元素,可用于从 HTML 字符串创建 DOM 元素。 function htmlToElem(html) { let temp = document.createElement('template'); html = html.trim(); //不返回空文本节点 temp.inn
Views:0 2020-06-02
如何使用 JavaScript 创建弹出表单
如何使用 JavaScript 创建弹出表单 弹出表单是在上创建对话框的好方法。 我们可以为站点创建弹出式登录表单、联系表单或者任何其他类型的表单。 弹出按钮将位于访问者的眼睛下方。 当用户单击弹出按钮时,表单将出现在屏幕上。 其中我们可以学习如何使用 JavaScript 创建弹出式表单。 对 openForm() 使用 display = "block" 对 closeFo
Views:0 2020-06-02
如何使用 JavaScript 创建滚动指示器
如何使用 JavaScript 创建滚动指示器 你有没有注意到,当你滚动网页时,页面顶部有一个滚动条? 此滚动条指示滚动了多少页面。 滚动位置指示器有不同的形式:垂直滚动条的变化、页面顶部或者底部的水平元素以及其他样式。 在这个片段中,我们将展示一种简单快捷的方法,借助一些 JavaScript 代码为创建滚动指示器。 使用 window.scroll 以便指示器仅在用户滚动页面时工作: wind
Views:0 2020-06-02
如何在 JavaScript 中创建二维数组
如何在 JavaScript 中创建二维数组 二维数组是一组共享相同名称的项。 二维数组是数组的数组,也就是创建一维数组对象的数组。 它们以行和列的形式排列为矩阵。 JavaScript 建议了一些创建二维数组的方法。 数组构造函数 我们可以使用数组构造函数和 for 循环来创建这样的二维数组: const m = 4; const n = 5; let arr = new Array(m)
Views:0 2020-06-02
如何使用 jQuery 创建 Ajax 提交表单
如何使用 jQuery 创建 Ajax 提交表单 如今,Ajax 表单是 Web 技术的重要组成部分。 它可以在不重新加载页面的情况下更新网页的某些部分,并可以接收多种格式的信息,例如 HTML、JSON 或者 XML。 让我们向我们展示一些使用 jQuery Ajax 发送 HTML 表单数据的方法。 jQuery 建议使用灵活的 ajax() 函数来提交 Ajax 表单: <!DOCTY
Views:0 2020-06-02
JS 如何创建一个包含 1…N 的数组
JS 如何创建一个包含 1…N 的数组 在本教程中,我们将学习如何创建一个包含 1 到 n 的 JavaScript 数组。 让我们创建一个指定长度的新数组。 构造函数将 Array 的 length 属性设置为给定的长度,而不设置键。 接下来,当我们要使用它时,例如未优化,请执行以下操作: let arr = new Array(10); //create an empty array with
Views:0 2020-06-02
如何在 JavaScript 中创建和触发事件
如何在 JavaScript 中创建和触发事件 本教程旨在教我们创建和触发 DOM 事件(也称为合成事件)的正确技术。 我们可以使用 Event 构造函数创建事件,如以下使用 EventTarget.dispatchEvent() 方法的示例: <!DOCTYPE html> <html> <head> <title>文档的标题</
Views:0 2020-06-02
如何使用js创建全屏覆盖导航菜单
如何使用js创建全屏覆盖导航菜单 叠加导航是网页设计中广泛使用的导航样式。 它使导航覆盖整个屏幕上的菜单。 在这个片段中,我们将展示如何使用 JavaScript 创建、设计和触发全屏覆盖导航菜单。 我们只需要 openNav() 和 closeNav() 函数。 当我们单击 <span> 元素时,叠加层将打开: function openNav() { document.getEle
Views:0 2020-06-02
如何使用 HTML5 和 jQuery 创建范围滑块
如何使用 HTML5 和 jQuery 创建范围滑块 在引入 HTML5 之前,我们甚至无法考虑在网页上创建范围滑块。 HTML5 引入了新的属性和功能,包括范围输入类型。 范围输入元素允许我们为站点用户创建滑动控件。 在本教程中,我们将展示如何使用一些 jQuery 代码来捕获和响应用户与范围滑块控件的交互。 这是一个 jQuery 解决方案,用于显示所有范围输入元素的值: $(function
Views:0 2020-06-02
如何在单击锚定链接时创建平滑滚动
如何在单击锚定链接时创建平滑滚动 平滑滚动允许只需单击一次即可在页面节之间跳转,而无需手动上下滚动。在你的网页上有这个功能肯定会得到用户的赞赏。那么,让我们看看使用什么方法来创建平滑滚动。 scrollIntoView() scrollIntoView() 方法用于将用户的视图滚动到调用它的元素。 将此值设置为“smooth”的行为属性将使页面平滑滚动: <!DOCTYPE html&g
Views:0 2020-06-02
如何在 JavaScript 中声明和初始化数组
如何在 JavaScript 中声明和初始化数组 JavaScript 允许以多种方式声明数组。 让我们考虑两种最常见的方式:数组构造函数和文字符号。 new Array() 构造函数 Array() 构造函数创建 Array 对象。 我们可以使用“new”关键字声明一个数组以在内存中实例化该数组。 以下是声明 new Array() 构造函数的方法: let x = new Array()
Views:0 2020-06-02
如何在 JavaScript 中声明常量?
如何在 JavaScript 中声明常量? ES6 提供了一种通过使用 const 关键字来声明常量的新方法,该关键字创建对值的只读引用: const CONSTANT_VALUE = "someValue"; 这几乎适用于所有浏览器。 大写表示某些值应该是恒定的。 具有块作用域的局部变量可以用 const 声明。 假设我们有一个常量变量 CONSTANT_VALUE。 在声
Views:0 2020-06-02
如何在 JavaScript 函数中定义全局变量
如何在 JavaScript 函数中定义全局变量 JavaScript 变量是用于存储数据值的容器。 要声明全局变量,我们可以在全局范围内使用 var,如下所示: let yourGlobalVariable = "global value"; //全局变量 function displayGlobalVal() { console.log(yourGlobalVariab
Views:0 2020-06-02
如何在 JavaScript 中删除字符串的第一个字符
如何在 JavaScript 中删除字符串的第一个字符 我们可以使用一系列 JavaScript 方法来删除字符串的第一个字符。 slice() slice() 方法提取字符串的一部分,并以全新的字符串形式返回提取的部分。 如果要删除字符串的第一个字符,则应指定需要从中提取字符串的起始索引: let str = 'onitroad'; str = str.slice(1); console.l
Views:0 2020-06-02
JS如何检测元素外的点击事件
JS如何检测元素外的点击事件 JavaScript 中最常用的模式之一是检测元素外的点击。 当用户在该元素外单击时,我们可以应用它来关闭非模态用户界面组件,如菜单或者下拉列表。 这个问题有多种解决方案。 解决方案1 其中之一是实现一个普通的 JavaScript 解决方案。 HTML 中的弹出窗口将如下所示: <!DOCTYPE html> <html> <h
Views:0 2020-06-02