当用户在 HTML 文档中完成拖动 HTML 元素或文本的拖动操作时，将触发 HTML ondragend 事件属性。语法以下是语法：让我们来看一个 HTML ondragend 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background-color: #FBAB7E;   background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);   text-align: center;  }  .drop-target {   display: inline-block;   width: 150px;   height: 150px;   border: 2px solid #FFF; ... 阅读更多

当用户导航到网页时，将触发 HTML onpageshow 事件属性。语法以下是语法：让我们来看一个 HTML onpageshow 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  } HTML onpageshow 事件属性演示  function showFn() {   alert("您好！您在主页上");  } 输出单击警告框的“确定”按钮以显示 HTML 文档的内容。

当浏览器开始在线工作时，将触发 HTML ononline 事件属性。语法以下是语法：让我们来看一个 HTML ononline 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  }  .show {   font-size: 1.2rem;   color: #fff;  } HTML onoffline/ononline 事件属性演示尝试禁用/启用您的网络。  function onlineFn() {   alert("您好！您已在线");  }  function offlineFn() {   alert("您好！您已离线");  } 输出现在尝试启用/禁用您的网络以观察 onoffline/ononline 事件属性的工作原理。

当浏览器开始离线工作时，将触发 HTML onoffline 事件属性。语法以下是语法：让我们来看一个 HTML onoffline 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  }  .show {   font-size: 1.2rem;   color: #fff;  } HTML onoffline/ononline 事件属性演示尝试禁用/启用您的网络。  function onlineFn() {   alert("您好！您已在线");  }  function offlineFn() {   alert("您好！您已离线");  } 输出现在尝试启用/禁用您的网络以观察 onoffline/ononline 事件属性的工作原理。

当 HTML 文档中加载对象时，将触发 HTML onload 事件属性。语法以下是语法：让我们来看一个 HTML onload 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background-color: #FBAB7E;   background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);   text-align: center;   padding: 20px;  }  function get() {   alert("您好！您刚刚刷新了文档。");  } HTML onload 事件属性演示现在尝试刷新此文档。输出现在尝试重新加载文档以观察 onload 事件属性的工作原理。

当页面即将打印或打印对话框出现在 HTML 文档中之前时，将触发 HTML onbeforeprint 事件属性。语法以下是语法：让我们来看一个 HTML onbeforeprint 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background-color: #FBAB7E;   background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);   text-align: center;   padding: 20px;  }  p {   font-size: 1.1rem;  } HTML onbeforeprint 事件属性演示 ... 阅读更多

当页面开始打印或打印对话框已在 HTML 文档中关闭时，将触发 HTML onafterprint 事件属性。语法以下是语法：让我们来看一个 HTML onafterprint 事件属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background-color: #FBAB7E;   background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);   text-align: center;   padding: 20px;  }  p {   font-size: 1.1rem;  } HTML onafterprint 事件属性演示 ... 阅读更多

HTML 表单 method 属性定义如何发送表单数据，这意味着要作为 URL 变量发送或作为 HTTP post 事务发送。语法以下是语法：这里 get 将表单数据作为 URL 变量发送，而 post 将表单数据作为 HTTP post 事务发送。让我们来看一个 HTML 表单 method 属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  }  input {   width: 315px; ... 阅读更多

HTML Location assign() 方法加载新的 HTML 文档，而不替换当前 HTML 文档的 URL 从文档历史记录中。语法以下是语法：location.assign(URL)让我们来看一个 HTML Location assign() 方法的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  }  .btn {   background: #db133a;   border: none;   height: 2rem;   border-radius: 20px;   width: 330px;    ... 阅读更多

HTML KeyboardEvent which 属性返回触发 HTML 文档中 onkeypress 事件、onkeydown 事件或 onkeyup 事件的键的 Unicode 字符代码。语法以下是语法：event.which让我们来看一个 HTML KeyboardEvent which 属性的示例：示例 实时演示  body {   color: #000;   height: 100vh;   background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;   text-align: center;  }  input {   border: 2px solid #fff;   padding: 8px;   background: transparent;   width: 310px;   ... 阅读更多