js笔记jvavweb部分01

最新推荐文章于 2022-07-09 15:45:08 发布

Comus_j

最新推荐文章于 2022-07-09 15:45:08 发布

阅读量73

点赞数

分类专栏： JS 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_42044885/article/details/120990666

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

js弱类型

==============================
js中的事件
什么是事件？
事件是电脑输入设备与页面进行交互的响应，我们称之为事件
常用的事件：
onload----加载完成事件
onclick-------单击事件
onblur----失去焦点
onchange—内容发生改变
onsubmit—表单提交

=================================
事件的注册分为静态注册和动态注册两种
什么是事件注册（绑定）？
告诉浏览器，当时间响应后要执行哪些代码，，叫事件注册或绑定
静态注册：通过HTML标签的事件属性直接赋予事件响应后的代码，这种方式我们叫静态注册。
动态注册：通过js代码得到标签的dom对象，然后再通过dom对象.事件名=function（）{}这种形式响应后的代码，叫动态注册。
动态注册基本步骤：
1，获取标签对象
2，标签对象.事件名=function(){}

===============================
DOM文档对象模型
把文档的标签，属性，文本转换为对象来管理。

================================
onsubmit事件：
静态注册return不能少

<script type="text/javascript">
        function onsubmitFun() {
            alert("静态注册，发现不合法！！！")
            return false;
        }
    </script>
</head>
<body>
    <form action="http://localhost:8080" method="get" onsubmit="return onsubmitFun()">
        <input type="submit" value="静态注册"/>
    </form>

动态注册：

<form action="http://localhost:8080" id="form01">
        <input type="submit" value="动态注册"/>
    </form>

window.οnlοad=function () {
            //1获取标签
            var formobj = document.getElementById("form01");
            alert(formobj);
            //通过标签对象
            formobj.onsubmit = function () {
                alert("静态注册，发现不合法！！！");
                return false;

            }

Comus_j

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js笔记jvavweb部分01

js弱类型==============================js中的事件什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件常用的事件：onload----加载完成事件onclick-------单击事件onblur----失去焦点onchange—内容发生改变onsubmit—表单提交=================================事件的注册分为静态注册和动态注册两种什么是事件注册（绑定）？告诉浏览器，当时间响应后要执行哪些代码，，叫事
复制链接

扫一扫

专栏目录