JavaScript 2.0

Object 形式的自定义对象

var obj=new Object();


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        var obj=new Object();
        obj.name="maria";
        obj.age=18;
        obj.fun=function () {
            alert("姓名："+this.name+",年龄："+this.age+".");
        }
 
        alert(obj.name);
        alert(obj.age);
        obj.fun();
    script>
head>
<body>
 
body>
html>

{}花括号形式的自定义对象


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        // 对象的定义：
        // var 变量名 = {
        // 空对象
        //
        //属性名：值,
// 定义一个属性
//
            //属性名：值,
// 定义一个属性
//
            //函数名：function(){}
        // 定义一个函数
        // };
        var obj = {
            name:"maria",
            age:18,
            fun : function () {
                alert("姓名：" + this.name + " , 年龄：" + this.age);
            }
        };
        // 对象的访问：
        //
        //变量名.属性 / 函数名();
        alert(obj.name);
        obj.fun();
    script>
head>
<body>
body>
html>

静态注册/动态注册

有一个模板

window.οnlοad=funcation(){

var xxxobj=document.getElementById("xxx");

xxxobj.onclick(或是onblur）=function（）{

alert（"xx事件");

}

=============================

1.onload加载完成事件

静态注册onload事件


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        //方法
        function onloadFun() {
            alert("静态注册onload事件");
        }
    script>
head>
<body onload="onloadFun();">
 
body>
html>

动态注册onload事件


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        //方法
        // function onloadFun() {
        //     alert("静态注册onload事件");
        // }
        window.onload=function () {
            alert("动态注册onload事件");
        }
        
    script>
head>
<body >
 
body>
html>

2.onclick单击事件


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        function onclickFun() {
            alert("静态注册onclick事件");
        }
 
        window.onload=function () {
        var btobj=document.getElementById("bt01");
        btobj.onclick=function () {
            alert("动态注册onclick事件");
        }
        }
    script>
head>
<body>
 
<button onclick="onclickFun()">按钮1button>
<button id="bt01">按钮2button>
 
body>
html>

按钮1后：

按钮二：

onblur失去焦点事件


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        function onblurFun() {
            //1.console是控制台对象，是右JavaScript语言提供，专门用来向
            //浏览器控制台打印输出，用于测试专用
            //2.log()是打印的方法
            console.log("静态注册失去事件");
        }
 
        window.onload=function () {
            var passwordobj= document.getElementById("password");
            passwordobj.onblur=function () {
                console.log("动态注册onblur事件");
            }
        }
    script>
head>
<body>
用户名：<input type="text" onblur="onblurFun();"><br/>
密码：<input type="text" id="password" ><br/>
 
body>
html>

onchange内容发生改变事件


html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Titletitle> 
<script type="text/javascript"> 
function onchangeFun() { 
alert("女神已经改变了"); 
}
window.onload = function () { 
//1 获取标签对象 
var selObj = document.getElementById("sel01"); 
// alert( selObj ); 
//2 通过标签对象.事件名 = function(){} 
selObj.onchange = function () { 
alert("男神已经改变了"); 
} 
} 
script> 
head> 
<body> 
请选择你心中的女神： 
 
<select onchange="onchangeFun();"> 
<option>--女神--option> 
<option>芳芳option> 
<option>佳佳option> 
<option>娘娘option> 
select> 
请选择你心中的男神： 
<select id="sel01"> 
<option>--男神--option> 
<option>国哥option> 
<option>华仔option> 
<option>富城option> 
select> 
body> 
html>

onsubmit表单提交事件


html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Titletitle> 
<script type="text/javascript" > 
// 静态注册表单提交事务 
function onsubmitFun(){ 
// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交 
alert("静态注册表单提交事件----发现不合法"); 
return flase; 
}
window.onload = function () { 
//1 获取标签对象 
var formObj = document.getElementById("form01"); 
//2 通过标签对象.事件名 = function(){} 
formObj.onsubmit = function () { 
// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交 
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> 
body> 
html>

备注：注意onsubmit内容显示“return onsubmitFun”

相关阅读:
手撸任意层神经网络-读从文本s.txt取网络结构初始化neuralNetwork
java计算机毕业设计共享充电宝管理系统演示录像2021源码+mysql数据库+系统+lw文档+部署
 非对称加密——网络安全
 Spring注解详解：@ComponentScan自动扫描组件使用
 计算机网络初识
 Java 异常的捕获及处理要点习题
 契约锁助力服装全产业链8大核心业务、20+文件电子签
 Swift中的继承（Inheritance）
数据结构--插入排序
 7、使用Maven：IDEA环境
原文地址：https://blog.csdn.net/weixin_61451728/article/details/126121122