跨域资源共享 (CORS) 是一种机制，允许在 Web 浏览器中访问来自另一个域的受限资源。例如，如果您点击 html5 演示部分中的 HTML5 视频播放器，它将请求摄像头权限。如果用户允许该权限，则它才会打开摄像头，否则它不会为 Web 应用程序打开摄像头。以下是 CORS 中事件处理程序的示例：xhr.onload = function() { var responseText = xhr.responseText; // 处理响应。 console.log(responseText); }; xhr.onerror = function() { console.log('出现错误！'); };

浏览上下文之间的双向通信称为通道消息传递。它对于跨多个来源的通信非常有用。在创建 MessageChannel 时，它会在内部创建两个端口来发送数据并转发到另一个浏览上下文。postMessage() - 通过通道发送消息start() - 它发送数据close() - 它关闭端口在这种情况下，我们正在将数据从一个 iframe 发送到另一个 iframe。在这里，我们正在函数中调用数据并将数据传递到 DOM。var loadHandler = function(){ var mc, portMessageHandler; mc = new MessageChannel(); window.parent.postMessage('documentAHasLoaded', 'http://foo.example', [mc.port2]); portMessageHandler = function(portMsgEvent){ ... 阅读更多

通过创建新的 iframe 或新窗口来创建一个新的 Web 浏览上下文。我们可以使用 postMessage() 发送数据，它有两个参数。它们分别是message - 要发送的消息targetOrigin - 源名称让我们来看一个从 iframe 发送消息到按钮的示例：var iframe = document.querySelector('iframe'); var button = document.querySelector('button'); var clickHandler = function(){ iframe.contentWindow.postMessage('要发送的消息。','https://tutorialspoint.com); } button.addEventListener('click',clickHandler,false);

微数据引入了五个全局属性，任何元素都可以使用这些属性，并为机器提供有关您的数据的上下文。属性描述Itemscope这用于创建一个项目。itemscope 属性是一个布尔属性，表示此页面上有微数据，并且这就是它的起始位置。Itemtype此属性是一个有效的 URL，它定义了项目并为属性提供上下文。Itemid此属性是项目的全局标识符。Itemprop此属性定义了项目的属性。Itemref此属性提供要爬取的附加元素列表，以查找项目的名称-值对。阅读更多

HTML5 canvas 提供了在绘图周围创建漂亮阴影的功能。所有绘图操作都受四个全局阴影属性的影响。 序号 属性和描述1shadowColor [ = value ]此属性返回当前阴影颜色，并且可以设置，以更改阴影颜色。2shadowOffsetX [ = value ]此属性返回当前阴影偏移量 X，并且可以设置，以更改阴影偏移量 X。3shadowOffsetY [ = value ]此属性返回当前阴影偏移量 Y，并且可以设置，... 阅读更多

要在 HTML5 中处理服务器发送的事件，您可以尝试运行以下代码： document.getElementsByTagName("eventsource")[0].addEventListener("server-time", eventHandler, false); function eventHandler(event) { // 服务器发送的时间警报 document.querySelector('#ticker').innerHTML = event.data; } [时间]

要在 Web 应用程序中使用服务器发送事件，您需要向文档添加一个 元素。元素的 src 属性应指向一个 URL，该 URL 应提供一个持续的 HTTP 连接，该连接发送包含事件的数据流。该 URL 将指向一个 PHP、PERL 或任何 Python 脚本，该脚本将负责持续发送事件数据。示例以下是一个示例，显示了预期服务器时间的应用程序。

会话存储会话存储设计用于用户执行单个事务的场景，但可以同时在不同的窗口中执行多个事务。本地存储本地存储设计用于跨多个窗口并且持续时间超过当前会话的存储。特别是，Web 应用程序可能希望出于性能原因在客户端存储兆字节的用户数据，例如整个用户创作的文档或用户的邮箱。HTML5 引入了 localStorage 属性，该属性用于访问页面的本地存储区域，没有时间限制，并且此本地存储将... 阅读更多

HTML5 标签用于绘制 SVG 渐变。是的，现代浏览器支持它。以下是使用 标签绘制椭圆并使用 标签定义 SVG 径向渐变的 SVG 示例的 HTML5 版本。类似地，您可以使用 标签创建 SVG 线性渐变。

要在 Canvas 中应用两个或多个对象之间的重力：var distX = ob1.x - ob2.x, distY = ob1.y - ob2.y; var val = distX *distX + distY * distY; var r = Math.sqrt(val); var F = 50 / val; var rhat_x = distX / r; var rhat_y = distY / r; var Fx = F * rhat_x; var Fy = F * rhat_y; ob1.vx += -Fx; ob1.vy += -Fy; ob2.vx += Fx; ob2.vy += Fy;