当用户在 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;   ... 阅读更多