JavaScript

2022-03-21 09:59:20 阅读：176 来源： 互联网

标签：function onload console JavaScript alert 事件注册

<script type="text/javascript">
      //alert是javascript语言提供的一个警告框函数
      //它可以接收任意类型的参数，这个参数就是警告框的提示信息
      //数组
      var arr=[];
        function fun1(){
    alert("说话");
        }
        function fun2( a, b){
alert(a+b);
        }
        alert(fun2());
  </script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    //onload事件的方法
    function onl oadfun(){
      alert('静态注册onload事件，所有代码');
    }
    window.onload=function(){
      alert("动态注册的onload事件");
    }

  </script>
</head>
<!--onload静态注册事件
      onl oad事件是浏览器解析完页面之后自动触发的事件
      <body onl oad="onloadfun()">
-->
<!--onload动态注册事件，是固定写法。

-->
<body >

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    function funonclick(){
      alert("静态注册onclick事件");
    }
  window.onload=function(){
      /*
      document是javascript语言提供的一个对象，(文档)
      getElementById通过ID属性获取标签对象
       */
  var yuObj=document.getElementById("yu");
                alert(yuObj);
    }
  </script>
</head>
<!--
  静态注册onclick事件
-->
<body>
<button onclick="funonclick()">按钮1</button>
<button id="yu">按钮2</button>
<button>按钮3</button>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    function onblurfun(){
      //console是控制台对象，是由javascript语言提供,专门用来向浏览器的控制器打印输出，用于测试使用
      //log()打印的方法
        console.log("静态注册失去焦点事件");
    }
    //动态注册onblur事件
    window.onload=function(){
      //获取标签对象
      var passwordObj=document.getElementById("password");
     // alert(passwordObj);
      //通过标签对象.事件名=function(){};
    passwordObj.onblur=function(){
      console.log("动态注册失去焦点事件");

    }
    }

  </script>
</head>
<body>
  用户名：<input type="text" onblur="onblurfun();"><br/>
  密码：<input id="password" type="text"><br/>
<button> </button>
<button> </button>
</body>
</html>

标签：function,onload,console,JavaScript,alert,事件,注册
来源： https://blog.csdn.net/qq_63224371/article/details/123627615

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript