HTML ondragstart 事件属性在用户开始拖动 HTML 文档中 HTML 元素或元素文本时触发。语法以下是语法 -让我们来看一个 HTML ondragstart 事件属性的例子 -示例 在线演示    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 ... 阅读更多

当可拖动元素或文本被拖放到 HTML 文档中的有效放置目标上时，将触发 HTML ondrop 事件属性。语法以下是语法 -让我们来看一个 HTML ondrop 事件属性的例子 -示例 在线演示    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 文档中的有效放置目标时，将触发 HTML ondragleave 事件属性。语法以下是语法 -让我们来看一个 HTML ondragleave 事件属性的例子 -示例 在线演示    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 文档中 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 表单 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; ... 阅读更多