{"id":1986,"date":"2022-11-30T22:38:57","date_gmt":"2022-11-30T14:38:57","guid":{"rendered":"https:\/\/qaqaq.top\/?p=1986"},"modified":"2022-12-19T20:29:02","modified_gmt":"2022-12-19T12:29:02","slug":"javascript-onload%e4%ba%8b%e4%bb%b6%e3%80%81javascript-onclick%e4%ba%8b%e4%bb%b6%e3%80%81javascript-onblur%e4%ba%8b%e4%bb%b6%e3%80%81javascript-onchange%e4%ba%8b%e4%bb%b6%e3%80%81javascript-onsubmit","status":"publish","type":"post","link":"https:\/\/qaqaq.top\/?p=1986","title":{"rendered":"JavaScript-onload\u4e8b\u4ef6\u3001onclick\u4e8b\u4ef6\u3001onblur\u4e8b\u4ef6\u3001onchange\u4e8b\u4ef6\u3001onsubmit\u4e8b\u4ef6"},"content":{"rendered":"\n

JavaScript-onload\u4e8b\u4ef6<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\">\n        \/*\n        onload \u52a0\u8f7d\u5b8c\u6210\u4e8b\u4ef6\uff1a\t\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\uff0c\u5e38\u7528\u4e8e\u505a\u9875\u9762 js \u4ee3\u7801\u521d\u59cb\u5316\u64cd\u4f5c\n         *\/\n\n        \/\/onload\u4e8b\u4ef6\u7684\u65b9\u6cd5\n        function onloadFun() {\n            alert('\u9759\u6001\u6ce8\u518conload\u4e8b\u4ef6\uff0c\u6240\u6709\u4ee3\u7801');\n        }\n\n        \/\/onload\u4e8b\u4ef6\u52a8\u6001\u6ce8\u518c\u3002\u662f\u56fa\u5b9a\u5199\u6cd5\n        window.onload = function () {}\n        alert(\"\u52a8\u6001\u6ce8\u518c\u7684onload\u4e8b\u4ef6\");\n    <\/script>\n<\/head>\n<!-- \u9759\u6001\u6ce8\u518conload\u4e8b\u4ef6\n        onload\u4e8b\u4ef6\u662f\u6d4f\u89c8\u5668\u89e3\u6790\u5b8c\u9875\u9762\u4e4b\u540e\u5c31\u4f1a\u81ea\u52a8\u89e6\u53d1\u7684\u4e8b\u4ef6\n        <body onload=\"onloadFun()\">\n -->\n<body onload=\"onloadFun()\">\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
JavaScript-onclick\u4e8b\u4ef6<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\">\n        \/*\n        onclick \u5355\u51fb\u4e8b\u4ef6\uff1a\t\t\u5e38\u7528\u4e8e\u6309\u94ae\u7684\u70b9\u51fb\u54cd\u5e94\u64cd\u4f5c\u3002\n         *\/\n\n        function onclickFun(){\n            alert(\"\u9759\u6001\u6ce8\u518conclick\u4e8b\u4ef6\")\n        }\n\n        \/\/\u52a8\u6001\u6ce8\u518conclick\u4e8b\u4ef6\n        window.onload = function () {\n            \/\/ 1. \u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n            \/*\n            document \u662f JavaScript \u8bed\u8a00\u63d0\u4f9b\u7684\u4e00\u4e2a\u5bf9\u8c61\uff08\u6587\u6863\uff09\n\n            get             \u83b7\u53d6\n            Element         \u5143\u7d20\uff08\u5c31\u662f\u6807\u7b7e\uff09\n            By              \u901a\u8fc7\u3002\u3002    \u7531\u3002\u3002\u7ecf\u3002\u3002\n            Id              id\u5c5e\u6027\n\n            getElementById\u901a\u8fc7id\u5c5e\u6027\u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n\n             *\/\n            var btnObj = document.getElementById(\"btn01\");\n            alert(btnObj);\n            \/\/ 2. \u901a\u8fc7\u6807\u7b7e\u5bf9\u8c61.\u4e8b\u4ef6\u540d = function(){}\n            btnObj.onclick = function () {\n                alert(\"\u52a8\u6001\u6ce8\u518c\u7684onclick\u4e8b\u4ef6\")\n            }\n        }\n    <\/script>\n<\/head>\n<body>\n    <!-- \u9759\u6001\u6ce8\u518conClick\u4e8b\u4ef6\n\n    -->\n    <button onclick=\"onclickFun()\">\u6309\u94ae1<\/button>\n    <button id=\"btn01\">\u6309\u94ae2<\/button>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
JavaScript-onblur\u4e8b\u4ef6<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\">\n        \/*\n        onblur \u5931\u53bb\u7126\u70b9\u4e8b\u4ef6\uff1a\t\u5e38\u7528\u7528\u4e8e\u8f93\u5165\u6846\u5931\u53bb\u7126\u70b9\u540e\u9a8c\u8bc1\u5176\u8f93\u5165\u5185\u5bb9\u662f\u5426\u5408\u6cd5\u3002\n         *\/\n\n        \/\/ \u9759\u6001\u6ce8\u518c\u5931\u53bb\u7126\u70b9\u4e8b\u4ef6\n        function onblurFun() {\n            \/\/ console\u662f\u63a7\u5236\u53f0\u5bf9\u8c61\uff0c\u662f\u7531JavaScript\u8bed\u8a00\u63d0\u4f9b\uff0c\u4e13\u95e8\u7528\u6765\u5411\u6d4f\u89c8\u5668\u7684\u63a7\u5236\u5668\u6253\u5370\u8f93\u51fa\uff0c\u7528\u4e8e\u6d4b\u8bd5\u4f7f\u7528\n            \/\/ log() \u662f\u6253\u5370\u7684\u65b9\u6cd5\n            console.log(\"\u9759\u6001\u6ce8\u518c\u5931\u53bb\u7126\u70b9\u4e8b\u4ef6\");\n        }\n\n        \/\/ \u52a8\u6001\u6ce8\u518c onblur \u4e8b\u4ef6\n        window.onload = function () {\n            \/\/1. \u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n            var passwordObj = document.getElementById(\"password\");\n            alert(passwordObj);\n            \/\/2. \u901a\u8fc7\u6807\u7b7e\u5bf9\u8c61.\u4e8b\u4ef6\u540d = function(){}\n            passwordObj.onblur = function () {\n                console.log(\"\u52a8\u6001\u6ce8\u518c\u5931\u53bb\u7126\u70b9\u4e8b\u4ef6\")\n            }\n        }\n\n    <\/script>\n<\/head>\n<body>\n    \u7528\u6237\u540d:<input type=\"text\" onblur=\"onblurFun()\"><br\/>\n    \u5bc6\u7801:<input id=\"password\" type=\"text\"><br\/>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
JavaScript-onchange\u4e8b\u4ef6<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\">\n        \/*\n        onchange \u5185\u5bb9\u53d1\u751f\u6539\u53d8\u4e8b\u4ef6\uff1a\t\u5e38\u7528\u4e8e\u4e0b\u62c9\u5217\u8868\u548c\u8f93\u5165\u6846\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u540e\u64cd\u4f5c\n         *\/\n\n        function onchangeFun() {\n            alert(\"\u5973\u795e\u5df2\u7ecf\u6539\u53d8\u4e86\");\n        }\n\n        window.onload = function () {\n            \/\/1. \u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n            var selObj = document.getElementById(\"sel01\");\n            alert(selObj);\n            \/\/2. \u901a\u8fc7\u6807\u7b7e\u5bf9\u8c61.\u4e8b\u4ef6\u540d = function(){}\n            selObj.onchange = function () {\n                alert(\"\u7537\u795e\u5df2\u7ecf\u6539\u53d8\u4e86\")\n            }\n        }\n\n    <\/script>\n<\/head>\n<body>\n    \u8bf7\u9009\u62e9\u4f60\u5fc3\u4e2d\u7684\u5973\u795e\uff1a\n    <!-- \u9759\u6001\u6ce8\u518conchange\u4e8b\u4ef6 -->\n    <select onchange=\"onchangeFun()\">\n        <option>--\u5973\u795e--<\/option>\n        <option>\u82b3\u82b3<\/option>\n        <option>\u4f73\u4f73<\/option>\n        <option>\u5a18\u5a18<\/option>\n    <\/select>\n\n    \u8bf7\u9009\u62e9\u4f60\u5fc3\u4e2d\u7684\u7537\u795e\uff1a\n    <select id=\"sel01\">\n        <option>--\u7537\u795e--<\/option>\n        <option>\u671d\u4f1f<\/option>\n        <option>\u534e\u4ed4<\/option>\n        <option>\u5bcc\u57ce<\/option>\n    <\/select>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
JavaScript-onsubmit\u4e8b\u4ef6<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\">\n        \/*\n        onsubmit \u8868\u5355\u63d0\u4ea4\u4e8b\u4ef6\uff1a\t\u5e38\u7528\u4e8e\u8868\u5355\u63d0\u4ea4\u524d\uff0c\u9a8c\u8bc1\u6240\u6709\u8868\u5355\u9879\u662f\u5426\u5408\u6cd5\u3002\n         *\/\n\n        \/\/\u9759\u6001\u6ce8\u518c\u8868\u5355\u63d0\u4ea4\u4e8b\u4ef6\n        function onsubmitFun() {\n            \/\/ \u8981\u9a8c\u8bc1\u6240\u6709\u8868\u5355\u9879\u662f\u5426\u5408\u6cd5\uff0c\u5982\u679c\uff0c\u6709\u4e00\u4e2a\u4e0d\u5408\u6cd5\u5c31\u963b\u6b62\u8868\u5355\u63d0\u4ea4\n            alert(\"\u9759\u6001\u6ce8\u518c\u8868\u5355\u63d0\u4ea4\u4e8b\u4ef6----\u53d1\u73b0\u4e0d\u5408\u6cd5\");\n\n            return false;\n        }\n\n        window.onload = function () {\n            \/\/1. \u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n            var formObj = document.getElementById(\"form01\");\n            alert(formObj);\n            \/\/2. \u901a\u8fc7\u6807\u7b7e\u5bf9\u8c61.\u4e8b\u4ef6\u540d = function(){}\n            formObj.onsubmit = function () {\n                \/\/ \u8981\u9a8c\u8bc1\u6240\u6709\u8868\u5355\u9879\u662f\u5426\u5408\u6cd5\uff0c\u5982\u679c\uff0c\u6709\u4e00\u4e2a\u4e0d\u5408\u6cd5\u5c31\u963b\u6b62\u8868\u5355\u63d0\u4ea4\n                alert(\"\u52a8\u6001\u6ce8\u518c\u8868\u5355\u63d0\u4ea4\u4e8b\u4ef6----\u53d1\u73b0\u4e0d\u5408\u6cd5\");\n\n                return false;\n            }\n        }\n    <\/script>\n<\/head>\n<body>\n    <!-- return false \u53ef\u4ee5\u963b\u6b62 \u8868\u5355\u63d0\u4ea4 -->\n    <form action=\"http:\/\/localhost:8080\" method=\"get\" onsubmit=\"return onsubmitFun()\">\n        <input type=\"submit\" value=\"\u9759\u6001\u6ce8\u518c\"\/>\n    <\/form>\n\n    <form action=\"http:\/\/localhost:8080\" id=\"form01\">\n        <input type=\"submit\" value=\"\u52a8\u6001\u6ce8\u518c\"\/>\n    <\/form>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
JavaScript-onload\u4e8b\u4ef6 JavaScript-onclick\u4e8b\u4ef6 JavaScript-onb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[61],"class_list":["post-1986","post","type-post","status-publish","format-standard","hentry","category-javaweb-code","tag-javaweb"],"_links":{"self":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/1986"}],"collection":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1986"}],"version-history":[{"count":2,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/1986\/revisions"}],"predecessor-version":[{"id":2686,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/1986\/revisions\/2686"}],"wp:attachment":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}