以下是正确的方法 -示例这是一个示例 -           复选框控件                         数学           物理            

父对象提供对子级中主窗口的引用。以下是父级代码。下面的指令触发 iFrame 每 3 秒向父窗口发送一条消息。不需要来自主窗口的初始消息！var a= window.addEventListener ? "addEventListener" : "attachEvent";// 这里 a 是事件方法 var b= window[a];// 这里 b 是事件触发器 var c= a== "attachEvent" ? "onmessage" : "message";// 这里 c 是消息事件 // 监听来自子窗口 b 的消息 (c, function(e) {    var d= e.message ? "message" : "data";// 这里 d 是 ... 阅读更多

classList 属性以 DOMTokenList 对象的形式返回元素的类名。classList 属性是只读的，但是，您可以使用 add() 和 remove() 方法修改它。classList 属性确保不会不必要地向元素添加重复的类。为了保持此功能，如果您不喜欢冗长的版本或 jQuery 版本，我建议将 addMany 函数和 removeMany 添加到 DOMTokenList 这些函数将像这样使用 -DOMTokenList.prototype.addMany = function(classes) {    var arr = classes.split(' ');    for (var j = 0, length = arr.length; j < length; j++) {       this.add(array[j]); ... 阅读更多

要将本地驱动器中的文件上传到本地文件系统，我们可以使用 -webkitdirectory 属性 - 这允许用户通过相应的对话框选择目录。文件系统 API 是一个沙盒文件系统，允许我们存储客户端机器上的文件。文件 API 允许我们读取文件。文件可以通过元素访问以上所有操作在 Google Chrome 中都能正常工作。WebKit 目录是这些选项中更好的选择。使用以下内容进行目录 -webkitRequestFileSystem(    window.TEMPORARY, 5 * 1024 * 1024, function(_fs) {       fs = _fs;    }, ErrAbove, err 和 fs 是 -var fs, err = function(err) {    throw err; };

要触发鼠标事件，我们可以添加 - -webkit-transform: translate3d(0, 0, 0) 此外，画布也可以设置样式。另一种方法是在 mousemove 事件中添加一个监听器，canvas.addEventListener("mousemove", this.checkMouseLocation.bind(this, this.inputs), false); 通过添加此监听器，我们可以轻松地在 HTML5 中触发鼠标移动事件。

JS 径向渐变与矩阵以以下方式创建。您可以尝试运行以下方式来创建具有矩阵的 JS 径向渐变 -var canvas1 = document.getElementById("canvas"); //canvas1 变量用于识别给定的画布 var ctx1 = canvas.getContext("2d"); //这用于说明上下文是 2D   var gradient1 = ctx1.createRadialGradient(100/horizontalScale, 100/verticalScale, 100, 100/horizontalScale, 100/verticalScale, 0); //这将使用给定的画布上下文创建渐变   gradient1.addColorStop(1, "green"); //新的绿色颜色添加到渐变 gradient1.addColorStop(0, "red"); //新的红色颜色添加到渐变 ctx1.scale(horizontalScale, verticalScale); //上下文矩阵 ctx1 根据水平和垂直比例缩小 ... 阅读更多

可以通过使用自定义 HTML5 元素来更改日期时间格式。如果我们希望更改或覆盖现有的 Html 标签，则可以借助 shadow DOM 来实现。我们可以创建可自定义的标签，例如 -这是一个示例 -但是，E10 和更早的版本不支持可自定义的标签；但是，所有较新的版本都支持可自定义的标签。

使用 flex 对齐列表项。Flex 将根据内容使列变得灵活。包装器将在一行中布局列。.wrap{    display : flex }// 这将有助于包装器变得灵活 .wrap.col{    flex: 1 0 33%; }Flex 本质上是一个属性，有助于使元素变得灵活。使用以下内容使列表垂直对齐到底部 - .col .content {    margin-top: auto; }

DIV 内容可以在 JavaScript 中借助 html2canvas() 函数保存为图像。DIV 标签定义 HTML 文档中的一个部分。示例      欢迎这显示了名为 cpimg 的分区区域。html2canvas() 函数使用以下代码将 div 保存为图像 -html2canvas(document.querySelector(“#cpimg”)).then(canvas  {         document.body.appendChild(canvas)  });它将引用的 div 部分“cpimg”保存到图像中。

画布只是 HTML 页面上的一个矩形区域。我们可以借助 JavaScript 在这个矩形区域（画布）中绘制图形。可以在 HTML5 中创建画布，如下所示 -                                 这将创建一个名为 canvas1 的空画布，宽度为 200，高度为 100。要绘制图形，我们使用 JavaScript -var canvas = document.getElementById("Canvas1");  var ctx1 = canvas.getContext("2d"); ctx1.moveTo(0, 0); ctx1.lineTo(300, 200);  ctx1.stroke(); // 此方法实际上根据上下文对象绘制图形             要保存此图形，我们需要 ... 阅读更多