通过创建新的 iframe 或新窗口来创建一个新的网页浏览上下文。我们可以使用 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 应用程序可能希望出于性能原因在客户端存储兆字节的用户数据，例如整个用户创作的文档或用户的邮箱。HTML5 引入了 localStorage 属性，该属性将用于访问页面的本地存储区域，没有时间限制，并且此本地存储将... 阅读更多

HTML5 标签用于绘制 SVG 渐变。是的，现代浏览器支持它。以下是 SVG 示例的 HTML5 版本，它将使用 标签绘制椭圆，并将使用 标签定义 SVG 径向渐变。类似地，您可以使用 标签创建 SVG 线性渐变。                    #svgelem{             position: relative;             left: 50%;             -webkit-transform: translateX(-40%);             -ms-transform: translateX(-40%);             transform: translateX(-40%);          }             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;

要检测 PNG 中不透明的区域： 您需要首先获取缓冲区 您需要获取该缓冲区的 32 位引用 扫描 0 宽度以查找 x1 边缘 扫描宽度 0 以查找 x2 边缘 高度以查找 y1 边缘 高度 0 以查找 y2 边缘

对于响应式设计，您不必使用 user-scalable=no。仅当您希望您的应用程序更像原生应用程序时才使用它。缩放是辅助功能的关键特性，您需要牢记这一点。您可以控制用户在放大时不会破坏您的设计。如果您正在进行响应式设计，并且您的设计在放大时出现问题，那么您的设计方法不正确。如果您完全需要使用它，请记住缩放是一个重要的辅助功能，许多人都在使用它。

更改 setTimeout() 以使用函数引用。它在引用时可用作函数。引用将传递到超时事件回调，而不是字符串引用：window.setTimeout(startNow, 2000);将其设置为如下所示：setTimeout(startNow, 1000); function startNow () {    alert('正常工作！'); }