找到 8590 篇文章,关于前端技术

JavaScript 中数组交集最简单的代码是什么?

Srinivas Gorla
更新于 2020-06-23 13:03:41

96 次浏览

对于数组交集,您可以在 JavaScript 中尝试运行以下代码 -示例                    let intersection = function(x, y) {             x = new Set(x), y = new Set(y);             return [...x].filter(k => y.has(k));          };          document.write(intersection([5,7,4,8], [3,9,8,4,3]));          

使用 JavaScript 检测“触摸屏”设备的最佳方法是什么?

Chandu yadav
更新于 2020-06-23 13:08:10

598 次浏览

检测“触摸屏”设备的最佳方法是查看文档模型中是否存在触摸方法。function checkTouchDevice() {    return 'ontouchstart' in document.documentElement; }在这里,您还可以用它来检测移动设备或桌面设备,如下所示 -if (checkTouchDevice()) {    // 移动设备 } else {    // 桌面 }

如何在 JavaScript 中将高度设置为等于动态宽度(CSS 流式布局)?

Rishi Rathor
更新于 2020-06-23 13:04:18

589 次浏览

要在 JavaScript 中将高度设置为等于动态宽度,您可以尝试运行以下代码 -示例                    .wrap {             width:400px;             height:300px;             border:2px solid yellow;          }          .myChild{             width: 80%;             border:1px solid red;          }                                    var res = $('.myChild').width();          $('.myChild').css({             'height': res + 'px'          });                                        

如何使用 JavaScript 设置字体的样式为正常、斜体或倾斜?

Jai Janardhan
更新于 2020-06-23 13:07:40

93 次浏览

要设置字体的样式,请使用 fontStyle 属性。您可以尝试运行以下代码,使用 JavaScript 将字体的样式设置为正常、斜体或倾斜 -示例实时演示           标题 1                这是演示文本。这是演示文本。这是演示文本。这是演示文本。          这是演示文本。这是演示文本。这是演示文本。这是演示文本。             设置字体系列和样式                function display() {             document.getElementById("myID").style.fontFamily = "verdana,sans-serif";             document.getElementById("myID").style.fontStyle = "italic";          }          

如何清除 setInterval() 的使用?

George John
更新于 2020-06-23 12:58:39

134 次浏览

setInterval() 方法用于以指定的间隔计算表达式。此函数在每隔 duration 毫秒后调用函数。这将无限次执行。让我们看一个示例 -它每隔 2000 毫秒触发一次 alert('Hello'),而不仅仅是一次。setInterval(function() { alert('Hello');}, 2000);要清除 setInterval() 的使用,请使用 window.clearInterval() 并将参数设置为 ID,例如 window.setInterval();

匿名函数的使用会影响性能吗?

Daniol Thomas
更新于 2020-06-23 12:58:03

261 次浏览

匿名函数的使用会影响性能,因为您需要在每次迭代时创建一个新的函数对象。匿名函数始终使用变量名加载。顾名思义,匿名允许在没有名称标识符的情况下创建函数。它可以作为其他函数的参数使用。使用变量名调用它们 -示例这是 JavaScript 匿名函数的使用方式 -var func = function() {    alert('这是匿名的'); } func();这是一个示例 -// 匿名函数 var a = function() {    return 5; }

iPhone/iPad 是否有 JavaScript 滚动事件?

Abhinanda Shri
更新于 2020-06-23 12:57:22

268 次浏览

是的,iOS 会捕获滚动事件以进行滚动。这称为单指事件。用户点击或触摸的内容决定是否生成事件。这是平移手势,图片来源 - Apple它也可以是触摸并按住手势,图片来源 - Apple

如何使用 JavaScript 设置弹性项目的顺序,相对于其余项目?

Ankitha Reddy
更新于 2019-07-30 22:30:21

89 次浏览

要设置弹性项目的顺序,相对于 JavaScript 中的其余项目,请使用 order 属性。您可以尝试运行以下代码来实现 order 属性 - 示例实时演示 #box { border: 1px solid #000000; width: 420px; height: 150px; display: flex; } #box div { height: 80px; width: 80px; } DIV1 DIV2 DIV3 设置函数 display() { document.getElementById("myID1").style.order = "3"; document.getElementById("myID2").style.order = "1"; document.getElementById("myID3").style.order = "2"; }

如何在 WebBrowser 控件中注入 JavaScript?

Arjun Thakur
更新于 2020-06-23 12:59:49

1K+ 次浏览

要在 WebBrowser 控件中注入 JavaScript,请使用以下步骤 -首先,在 Visual Studio 中创建一个 Windows 窗体应用程序。现在,将 WebBrowser 控件拖到窗体上设置 Url 属性。右键单击项目,选择添加引用... → COM → 类型库选择“Microsoft HTML 对象库”添加以下代码以注入 JavaScript。private void myWebBrowser(object sender, WebBrowserDocumentCompletedEventArgs e){      // head 元素    HtmlElement hElement = weBrowser.Document.GetElementsByTagName("head")[0];    // script 元素    HtmlElement sElement = weBrowser.Document.CreateElement("script");    IHTMLScriptElement val = (IHTMLScriptElement)sElement.DomElement;    element.text = "function sayHello() {       alert('Weclome')    }";    hElement.AppendChild(sElement);    weBrowser.Document.InvokeScript("How you doing?"); }

当项目未使用所有可用空间时,如何使用 JavaScript 设置弹性容器内项目之间的对齐方式?

Krantik Chavan
更新于 2020-06-23 13:00:21

69 次浏览

使用 JavaScript 中的 alignContent 属性来设置弹性容器内项目之间的对齐方式。示例您可以尝试运行以下代码来在 JavaScript 中实现 alignContent 属性:                    #box {             border: 1px solid #000000;             width: 240px;             height: 150px;             flex-flow: row wrap;             align-content: space-around;             display: flex;          }          #box div {             height: 80px;             width: 80px;          }                              DIV1          DIV2          DIV3             设置                function display() {             document.getElementById("box").style.alignContent = "space-between";          }          

广告