找到 6691 篇文章 关于 Javascript

HTML5 中的 input type URL

Nancy Den
更新于 2020-01-29 08:38:28

241 次浏览

这仅接受 HTML5 中的 URL 值。此类型用于应包含 URL 地址的输入字段。如果您尝试提交简单的文本,它会强制您仅输入 http://www.qries.com 格式或 http://qries.com 格式的 URL 地址。 输入 URL:

使用 HTML5 创建自定义属性

karthikeya Boyini
更新于 2020-01-29 08:38:59

314 次浏览

HTML 5 中引入的一项新功能是添加了自定义数据属性。自定义数据属性以 data- 开头,并且根据您的需求命名。 ... 上述将是完全有效的 HTML5,其中包含两个名为 data-subject 和 data-level 的自定义属性。您可以使用 JavaScript API 或 CSS 以类似于获取标准属性的方式获取这些属性的值。

和 的属性及用法

Krantik Chavan
更新于 2020-01-29 08:40:07

652 次浏览

HTML5 中的 和 标签使向网站添加媒体变得简单。您需要设置 src 属性来识别媒体源,并包含 controls 属性以便用户可以播放和暂停媒体。HTML5 video 标签可以具有许多属性来控制控件的外观和感觉以及各种功能:序号属性和描述1Autoplay如果指定此布尔属性,则视频将在其可以执行此操作时自动开始回放,而不会停止以完成加载数据。2Autobuffer如果指定此布尔属性,则视频将自动开始缓冲 ... 阅读更多

如何通过 JavaScript 和 HTML 检测特定功能

Nishtha Thakur
更新于 2020-01-29 08:37:27

139 次浏览

在 HTML 中使用 Modernizr 通过 JavaScript 检测音频等功能:if (Modernizr.audio) { /* 支持音频的浏览器的属性 */ } else{ /* 不支持音频的浏览器的属性 */ }

使用 Modernizr 检测 HTML5 功能

Samual Sam
更新于 2020-03-04 10:11:29

124 次浏览

Modernizr 是一个小型 JavaScript 库,用于检测下一代 Web 技术的原生实现的可用性。以下是 Modernizr 可以检测的功能列表:功能CSS 属性JavaScript 检查@font-face.fontfaceModernizr.fontfaceCanvas.canvasModernizr.canvasCanvas Text.canvastextModernizr.canvastextHTML5 Audio.audioModernizr.audioHTML5 音频格式NAModernizr.audio[format]HTML5 Video.videoModernizr.videoHTML5 视频格式NAModernizr.video[format]rgba().rgbaModernizr.rgbahsla().hslaModernizr.hslaborder-image.borderimageModernizr.borderimageborder-radiusbox-shadow.borderradiusModernizr.borderradiusbox-shadow.boxshadowModernizr.boxshadowMultiple backgrounds.multiplebgsModernizr.multiplebgsOpacity.opacityModernizr.opacityCSS Animations.cssanimationsModernizr.cssanimationsCSS Columns.csscolumnsModernizr.csscolumnsCSS Gradients.cssgradientsModernizr.cssgradientsCSS Reflections.cssreflectionsModernizr.cssreflectionsCSS 2D Transforms.csstransformsModernizr.csstransformsCSS 3D Transforms.csstransforms3dModernizr.csstransforms3dCSS Transitions.csstransitionsModernizr.csstransitionsGeolocation API.geolocationModernizr.geolocationInput TypesNAModernizr.inputtypes[type]Input AttributesNAModernizr.input[attribute]localStorage.localstorageModernizr.localstorageessionStorage.sessionstorageModernizr.sessionstorageWeb Workers.webworkersModernizr.webworkersapplicationCache.applicationcacheModernizr.applicationcacheSVG.svgModernizr.svgSVG Clip Paths.svgclippathsModernizr.svgclippathsSMIL.smilModernizr.smilWeb SQL Database.websqldatabaseModernizr.websqldatabaseIndexedDB.indexeddbModernizr.indexeddbWeb Sockets.websocketsModernizr.websocketsHashchange Event.hashchangeModernizr.hashchangeHistory Management.historymanagementModernizr.historymanagementDrag and Drop.draganddropModernizr.draganddropCross-window Messaging.crosswindowmessagingModernizr.crosswindowmessagingaddTest() Plugin APINAModernizr.addTest(str, fn)阅读更多

如何在 HTML5 中检查 Web 浏览器支持

Smita Kapse
更新于 2020-01-29 08:35:39

181 次浏览

您可以尝试运行以下代码来检测 Web 浏览器中可用的 Web 工作线程功能: 大循环 function myFunction(){ if (Modernizr.webworkers) { alert("恭喜!您有 Web 工作线程支持。" ); } else{ alert("抱歉!您没有 Web 工作线程支持。" ); } } 点击我 以下是结果

使用 HTML5 中的 Web 工作线程将错误记录到控制台

karthikeya Boyini
更新于 2020-01-29 08:34:25

508 次浏览

以下是在 Web 工作线程 JavaScript 文件中将错误记录到控制台的错误处理函数的示例。示例使用错误处理代码,上述示例将变为如下: 大循环 var worker = new Worker('bigLoop.js'); worker.onmessage = function (event) { alert("已完成 " + event.data + " 次迭代" ); }; worker.onerror = function (event) { console.log(event.message, event); }; function sayHello(){ alert("您好,先生...." ); }

为什么 HTML5 Web 工作线程有用?

Anvi Jain
更新于 2020-01-29 08:33:46

119 次浏览

JavaScript 被设计为在单线程环境中运行,这意味着多个脚本不能同时运行。考虑一种情况,您需要处理 UI 事件、查询和处理大量 API 数据以及操作 DOM。在 CPU 利用率高的场景下,JavaScript 会挂起您的浏览器。让我们举一个简单的例子,其中 Javascript 遍历一个大循环: 大循环 function bigLoop(){ for (var i = 0; i

HTML5 中 dragenter 和 dragover 事件的区别

Samual Sam
更新于 2019-07-30 22:30:22

323 次浏览

dragenterdragenter 事件用于确定目标是否要接受放置操作。如果要接受放置操作,则必须取消此事件。dragoverdragover 事件用于确定要向用户显示什么反馈。如果取消了该事件,则会根据 dropEffect 属性的值更新反馈(通常是光标)。

在提交表单之前调整 HTML5 中图像的大小

karthikeya Boyini
更新于 2020-01-29 08:22:08

260 次浏览

要在提交表单之前调整图像大小,您需要使用 drawImage() 方法。缩放原始图像并在画布上 [0,0] 处绘制缩放后的版本context.drawImage( img, 0,0,img.width,img.height, 0,0,myWidth,UseHeight );上面,我们看到了以下内容:这里,var myWidth = Math.floor( img.width * Scale ); var myHeight = Math.floor( img.height * Scale );以及,var x = Math.floor( ( world.width - myWidth) / 2 ); var y = Math.floor( ( world.height - myHeight) / 2 );

广告