找到 9301 篇文章 关于面向对象编程

如何使用 JavaScript HTML DOM 将多个事件处理程序添加到同一个元素?

Saurabh Jaiswal
更新于 2022-08-22 08:12:29

12K+ 浏览量

在 JavaScript 编程中使用事件非常常见。假设您正在创建一个模态框,它在点击按钮或悬停时打开,这里我们在单个元素上使用了两个事件,但 JavaScript 没有任何官方方法在单个元素上使用多个事件监听器。在本文中,我们将学习如何使用 JavaScript HTML DOM 将多个事件处理程序添加到同一个元素。要实现此目的,我们有以下方法:使用多个 addEventListener 方法使用 ES6 方法使用 ... 阅读更多

什么是最快、纯 JavaScript 的图形可视化工具包?

George John
更新于 2019-07-30 22:30:21

101 浏览量

最快、纯 JavaScripr 图形可视化工具包是 JavaScript InfoVis Toolkit。使用它,您可以执行图形操作、创建条形图、自定义节点、实现 NodeTypes 添加子树、拖放节点等。

如何使用 JQuery 创建一个新的 img 标签,并从 JavaScript 对象中获取 src 和 id?

Anvi Jain
更新于 2020-06-23 12:06:14

1K+ 浏览量

要在 JavaScript 中创建一个新的 img 标签,请将 HTML 字符串传递给构造函数,var myImg = $(''); $(document.createElement(myImg)); myImg.attr('src', responseObject.imgurl);您还可以使用以下代码创建具有 src、id 等属性的新 img 标签 - var myImg = $('', {    id: 'id1',    src: exampleimg.png',    alt: 'Alt text' });

如何在 JavaScript 中转义 HTML 特殊字符?

Shubham Vora
更新于 2022-07-14 14:27:51

9K+ 浏览量

HTML 包含特殊字符,例如 '、/ 等,以及更多字符,例如单引号和双引号。这些特殊字符用于 HTML 标签,例如 '' 用于关闭 HTML 标签。本教程教我们如何在 JavaScript 中转义 HTML 特殊字符。现在,问题是如果我们想在 HTML 内容中使用这些字符怎么办?如果我们在 HTML 内容中正常使用特殊字符,它会将其视为 HTML 标签的开头或结尾,并产生未知错误。例如,我们需要将以下字符串渲染到浏览器。 ... 阅读更多

为什么 isNaN(null) == false 在 JS 中?

Abhinanda Shri
更新于 2020-06-23 12:06:48

543 浏览量

isNaN() 方法用于在 JavaScript 中检查是否存在未定义的值,或者可以检查 NaN 对象。示例要检查 JavaScript 日期是否有效,您可以尝试运行以下代码 -                    var date1, date2;          date1 = new Date("2018/1/1");          if( ! isNaN ( date1.getMonth() )) {             document.write("Valid date1: "+date1);          } else {             document.write("Invalid date1");          }          date2 = new Date("20181/1");          if( ! isNaN ( date2.getMonth() )) {             document.write(" Valid date2: "+date2);          } else {             document.write("Invalid date2");          }           isNaN(null) == false 在语义上是正确的。这是因为 null 不是 NaN。

创建 img 元素的最佳 JavaScript 代码是什么?

Ankith Reddy
更新于 2020-06-23 12:07:26

130 浏览量

尝试以下任何一种方法来设置您要创建的图像的宽度 - myImg.setAttribute('width', '5px');或 myImg.width = '5';或 myImg.style.width = '5px';您还可以尝试以下代码将宽度和高度添加到背景图像 - var myImg = new Image(5,5); myImg.src = 'http://www.example.com';

如何使用字符串变量创建 JavaScript 正则表达式?

Abhinaya
更新于 2020-06-23 12:07:53

109 浏览量

是的,使用 new RegExp(pattern, flags) 在 JavaScript 中实现这一点。您可以尝试运行以下代码来使用字符串变量实现 JavaScript 正则表达式 -                    var str = 'HelloWorld'.replace( new RegExp('hello', 'i'), '' );          document.write(str);          

JavaScript 是否有“不在”运算符来检查对象属性?

Vrundesha Joshi
更新于 2020-06-23 11:59:16

1K+ 浏览量

要仅获取 else 部分,只需使用 ! 运算符在 JavaScript 中取反。您可以尝试运行以下代码来实现此目的 - var arr = {}; if (!(id in arr)) { } else { }此外,如果您想要对象中某个属性的存在,则使用 hasOwnProperty - if (!arr.hasOwnProperty(id)) { } else { }

使用 JavaScript 创建语法高亮代码。

Srinivas Gorla
更新于 2020-06-23 12:00:35

141 浏览量

要使用 JavaScript 创建语法高亮代码,请使用 prettify 库。在您的代码中添加以下内容以添加语法高亮库 - 要使用它,请将以下内容添加到您的标签中 -    代码在此处

如何为同时按下多个键创建 JavaScript 代码?

Arjun Thakur
更新于 2020-06-23 11:59:51

548 浏览量

在 JavaScript 中使用 keydown 事件来了解哪些键同时被按下。以下是脚本 - 示例 var log = $('#log')[0],    keyPressed = []; $(document.body).keydown(function (evt) {    var li = keyPressed [evt.keyCode];    if (!li) {       li = log.appendChild(document.createElement('li'));       keyPressed [evt.keyCode] = li;    }    $(li).text(Key Down: ' + evt.keyCode);    $(li).removeClass('key-up'); }); $(document.body).keyup(function (evt) {    var li = keyPressed [evt.keyCode];    if (!li) {       li = log.appendChild(document.createElement('li'));    }    $(li).text('Key Up: ' + evt.keyCode);    $(li).addClass('key-up'); });

广告