找到 598 篇文章 关于前端脚本

有没有办法将 PDF 文件嵌入 HTML5 页面?

Lakshmi Srinivas
更新于 2020年1月27日 08:04:10

660 次浏览

要将 PDF 文件嵌入 HTML5 页面,请使用 元素。           HTML iframe 标签               HTML5 教程          

有没有办法迁移到 HTML 5 并仍然保证多浏览器兼容性?

Arjun Thakur
更新于 2020年6月25日 06:20:19

170 次浏览

是的,请遵循以下方法:- 迁移到 HTML5 文档类型 - 使用 或 甚至像 或 之类的新的元素,您仍然可以使用过时的标签。控件也具有向后兼容性。在不支持它的浏览器中, 的工作方式与 中相同。但是,如果您正在为旧版 Internet Explorer 工作,则使用 html5shiv。它可以在旧版 Internet Explorer 中使用 HTML5 分区元素。

HTML5 Canvas 中的跨域数据

karthikeya Boyini
更新于 2020年6月25日 06:39:27

299 次浏览

对于 canvas 中的跨域数据,请将以下属性添加到

在 HTML 中获取移动浏览器中的工具提示

George John
更新于 2020年6月25日 06:22:05

978 次浏览

当您单击具有 title 属性的元素时,会附加一个包含 title 文本的子元素。让我们看一个例子:对于 HTML:    下划线字符。jQuery:$("span[title]").click(function () {    var $title = $(this).find(".title");    if (!$title.length) {       $(this).append('' + $(this).attr("title") + '');    } else {       $title.remove();    } });以下是 CSS:.demo {    border-bottom: 2px dotted;    position: relative; } .demo .title {    position: absolute;    top: 15px;    background: gray;    padding: 5px;    left: 0;    white-space: nowrap; }

使用 HTML5 启用后置摄像头

Samual Sam
更新于 2020年6月25日 06:23:01

220 次浏览

要启用后置摄像头,首先使用:MediaStreamTrack.getSources(gotSources);现在,选择源并将其作为可选参数传递到 getUserMedia 方法中。此方法对于用户设置权限以使用最多一个视频输入设备很有用:var a = {    audio: {       optional: [{sourceId: audioSource}]    },    video: {       optional: [{sourceId: videoSource}]    } }; navigator.getUserMedia(a, successCallback, errorCallback);

如何使网页高度适应屏幕高度?

Lakshmi Srinivas
更新于 2020年6月25日 06:24:42

3K+ 次浏览

有多种方法可以使网页高度适应屏幕高度:- 设置相对高度:html, body {    height: 100%; }您还可以设置固定定位:#main {    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px; }您还可以使用视口高度来实现您的目的:height: 100vh;

跨域 HTML5 iframe 问题

Arjun Thakur
更新于 2020年6月25日 06:25:26

418 次浏览

使用 postMessage 方法在不同域之间传输数据。示例您可以尝试以下代码片段来解决跨域 HTML5 iframe 问题:// 使用 postMessage() window.onmessage = function(e) {    e.source.postMessage(document.body.innerHTML, e.origin); }; window.onmessage = function(event) {    alert(e.data); }; // 触发 document.getElementById('frame1').contentWindow.postMessage('','*');

是否可以验证 HTML5 中 input=file 的大小和类型?

karthikeya Boyini
更新于 2020年6月25日 06:26:06

269 次浏览

是的,可以验证 input type = “file” 的大小和类型。使用 jQuery 获取所需的结果:                                                        $(function(){             $('form').submit(function(){                var val = true;                   $('input[type=file][data-max-size]').each(function(){                      if(typeof this.files[0] !== 'undefined'){                         var max = parseInt($(this).attr('max-size'),10),                         mySize = this.files[0].size;                         val = max > mySize;                         return val;                      }                   });                   return val;                });             });          

在 JSON 编码的 HTML5 数据属性中转义/编码单引号

George John
更新于 2019年7月30日 22:30:22

3K+ 次浏览

要转义单引号,请使用 json_encode() 在 HTML5 数据属性中回显数组。printf('', htmlspecialchars(json_encode(array('html5', ...)), ENT_QUOTES, 'UTF-8'));或者您也可以使用内置的 json_encode(array('html5', ...), JSON_HEX_APOS)

在 HTML5 canvas 中显示视频

Rishi Rathor
更新于 2019年7月30日 22:30:22

349 次浏览

您可以尝试以下代码片段在 HTML5 canvas 中显示视频。var canvas1 = document.getElementById('canvas'); var context = canvas1.getContext('2d'); var video = document.getElementById('video'); video.addEventListener('play', function () { var $this = this; (function loop() { if (!$this.paused && !$this.ended) { context.drawImage($this, 0, 0); setTimeout(loop, 1000 / 30); } })(); }, 0);

广告

© . All rights reserved.