当前位置: 首页 > news >正文

JavaScript 函数与事件

 1. JavaScript自定义函数
    语法:
    function 函数名(参数列表){
        方法体;
    }
    
    在函数被调用时,一个 arguments 对象就会被创建,它只能使用在函数体中,以数组的形式来管理函数的实际参数
    return:函数的返回值能够将一个函数内部产生的结果返回给外部语句使用。
 
    return 的两种使用情况:
        1.用于结束程序,return后面没有任何返回值;
            return;
        2.用于返回值,return后面需要给定返回的值;
            return area;

    匿名函数(拉姆达函数):
        方式一:
            (函数体)(传递参数);
            (function(参数列表){
                //方法体
                var area=width*height;
            })(4,5);
    
        方式二:
            变量=(函数体);
            var area=(function(参数列表){
                //方法体
                var area=width*height;
            });
            //调用函数
            area(4,5);
            
    变量的作用域主要分为全局变量和局部变量两种
    全局变量是在函数体外部声明的,可以在任何地方,包括函数的内部使用;
    局部变量是在函数体内声明的,只能在函数体内使用。局部变量随着函数的结束而消失。
    
    JavaScript系统函数:
        1. parseInt()函数:"4t" "4f32" ""
        概念:parseInt函数将字符串转换为整数。它从字符串的开头开始解析,在第一个非整数位置停止解析并返回前面读到的所有整数。如果字符串不是以整数开头,将返回NaN(Not a Number:非数字值)
        
        2. parseFloat()函数:
        概念:parseFloat()函数和parseInt()函数类似,只不过它是返回一个浮点数
        .7=0.7
        -.4=-0.4
        3. isNaN()函数:
        概念:isNaN() 函数用于判断参数是否是NaN(不是数字)。如果是 NaN, 那么 isNaN 函数返回 true ,否则返回 false

            1).是否是NaN     a3? true    ""? false
            2).是不是数字    3a? true    33? false
     
        4. eval函数:
        概念:eval() 函数运行是以字符串形式表示的 JavaScript 代码串,并返回执行代码串后的结果
    
    代码示例:
    请输入表达式:

<input type="text" id="testEval" /><button onclick="getEval();">计算</button><script type="text/javascript">//eval() 函数运行是以字符串形式表示的 //JavaScript 代码串,并返回执行代码串后的结果function getEval(){//1.获取输入框中的值var value=document.getElementById("testEval").value;alert("计算结果是:"+eval(value));}</script>


    事件:
    概念:用户使用鼠标或键盘在浏览器窗口或页面元素上执行的操作。
    ☆事件源:要操作的对象就是事件源
  

 <input type="button" onclick="login();" value="登录" /><script type="text/javascript">/** ☆登录函数:事件处理程序* ☆onclick="login();":事件的驱动(绑定)*/function login(){//拿到输入框的对象var name=document.getElementById("username").value;alert("登录的账号是:"+name);}</script>


        
    常见事件:
        1.onclick 事件:鼠标单击页面元素时触发的事件
        2.onmouseover 事件和 onmouseout               

    事件:鼠标移入、移出页面元素时触发的事件
        3.onmousemove 事件:鼠标指针移动时发生的事件
        4.onload 事件:页面加载完成后立即发生
        5.onblur 事件:光标或者焦点离开元素后触发的事件
        6.onchange事件:输入框的值发生了变化或者改变下拉列表框的选项时会触发的事件
        7.onsubmit表单提交事件:阻止提交数据到指定的页面,就需要编写一个事件处理程序来改变浏览器对form标签的 onsubmit 事件的默认处理方式

http://www.lryc.cn/news/376754.html

相关文章:

  • Qt 焦点系统关键点总结
  • SpringBoot+Maven项目的配置构建
  • c#调用c++dll方法
  • ACM算法学习路线、清单
  • sqoop的安装配置
  • 代码随想录算法训练营第六十四天 | 图论理论基础、深搜理论基础、广搜理论基础、98. 所有可达路径
  • 【教师资格证考试综合素质——法律专项】教师法笔记以及练习题
  • 图卷积网络(Graph Convolutional Network, GCN)
  • 【diffusers 极速入门(一)】pipeline 实际调用的是什么? __call__ 方法!
  • 【DPDK学习路径】二、DPDK简介
  • python基础 002 - 2 常用数据类型
  • 爆赞!GitHub首本Python开发实战背记手册,标星果然百万名不虚传
  • Spring源码-xxxAware实现类和BeanPostProcessor接口调用过程
  • Uni-app x
  • Python 基础:文件
  • WebForms 母版页
  • Java应用打包成Docker镜像
  • 什么是自动驾驶中的CopyCat?
  • 为什么没人详细说过智能猫砂盆?最受欢迎的好用智能猫砂盆解析!
  • AI视频智能监管赋能城市管理:打造安全有序的城市环境
  • 多态性(Java)
  • 国际期货行情相关术语
  • LeetCode20.有效的括号
  • 尚玩助手广告变现app开发
  • Anti-human IL-10 mAb (12G8), biotin:Mabtech热销品
  • 【植物大战僵尸杂交版】致敬传奇游戏玩家——一个普通人的六年坚持
  • 【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 部门组队编程(200分) - 三语言AC题解(Python/Java/Cpp)
  • 民生银行信用卡中心金融科技24届春招面经
  • HTML李峋同款跳动的爱心代码(双爱心版)
  • 【linux】内核从tcp层调用IP层摸索中