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.mzph.cn/pingmian/30487.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HTML基本标签使用【超链接标签、表格标签、表单标签、input标签】

目录 一、基本介绍1.1 概念1.2 HTML的核心特点 二、HTML基本标签三、超链接标签四、表格标签✌<table> 标签属性✍<tr> 标签属性✌ <td> 和 <th> 标签属性演示注意事项 五、表单标签综合应用 最后 一、基本介绍 1.1 概念 HTML&#xff0c;全称为超文…

小阿轩yx-Nginx Rewrite

小阿轩yx-Nginx Rewrite Nginx Rewrite 概述 现在 Nginx 已经成为很多公司作为前端反向代理服务器的首选 实际工作中会遇到很多跳转(重写 URL)的需求 更换域名后需要保持旧的域名能跳转到新的域名上某网页发生改变需要跳转到新的页面网站防盗链等等需求 后端使用的Nginx 服…

SpringBoot集成slf4j日志配置

目录 前言 1、slf4j概述 2、pom.xml的日志依赖 3、application.yml的日志配置 4、logback.xml配置文件定义 5、logback.xml配置文件解析 5.1 定义日志的存储路径 5.2 定义日志的输出格式 5.3 定义控制台输出 5.4 定义日志相关参数 5.5 定义日志的输出级别 6、测试日…

利用JAVA语言调用GLM-4接口实战指南

一、什么是API接口 API&#xff08;Application Programming Interface&#xff0c;应用程序编程接口&#xff09;是一种软件接口&#xff0c;它定义了不同应用程序之间如何相互通信、交互。API接口分为很多种&#xff0c;常见的有Web API&#xff0c;数据库API&#xff0c;操…

Perl语言快速入门学习

1. 引言 Perl&#xff08;Practical Extraction and Report Language&#xff09;是一种功能强大且灵活的编程语言&#xff0c;广泛应用于文本处理、系统管理、网络编程等领域。本文将带领大家了解Perl语言的基础知识&#xff0c;帮助初学者快速入门。 2. 什么是Perl&#xf…

数据结构-算法和算法分析

目录 前言一、算法1.1 算法与程序1.2 算法描述方法1.3 算法特性1.4 算法设计的要求 二、算法分析2.1 算法时间效率的度量2.1.1 事前分析方法算法的渐进时间复杂度算法时间复杂度分析例子算法最坏时间复杂度时间复杂度的计算规则 2.2 算法空间效率的度量 总结 前言 程序 数据结…

如何相互转换图片格式?如何转换jpg、bmp、png格式?

图片的格式有很多种&#xff0c;常见的有jpg、bmp、png格式&#xff0c;这些格式本质上没有太大区别&#xff0c;安卓和电脑都可以直接打开查看&#xff0c;但有时还是会用到一些固定的格式&#xff0c;例如&#xff0c;上传个人信息时&#xff0c;如果图片格式不符合要求&…

参数量Params和每秒浮点运算次数FLOPs的单位是多少

先看一下yolov8的表 模型计算量(FLOPs)和参数量(Params)是衡量深度学习算法复杂度的两个重要指标&#xff0c;它们可以用来评估一个模型的性能和实用性。以下是对这两个指标的理解&#xff1a; 1、Params - 参数量 即模型中需要学习的参数数量&#xff0c;它是衡量模型复杂度的…

pytorch基础【4】梯度计算、链式法则、梯度清零

文章目录 梯度计算计算图&#xff08;Computational Graph&#xff09;梯度求导&#xff08;Gradient Computation&#xff09;函数与概念 示例代码更多细节梯度求导的过程梯度求导的基本步骤示例代码注意事项总结 链式法则是什么&#xff1f;链式法则的数学定义链式法则在深度…

VMR,支持30+种编程语言的SDK版本管理器,支持Windows/MacOS/Linux。

官方文档地址&#xff1a;documents 官方项目地址&#xff1a;github 欢迎安装使用&#xff0c;分享转发&#xff0c;前往github star。 跨平台&#xff0c;支持Windows&#xff0c;Linux&#xff0c;MacOS支持多种语言和工具&#xff0c;省心受到lazygit的启发&#xff0c;拥…

Flutter【组件】可折叠文本组件

简介 flutter 可折叠文本组件。 点击展开&#xff0c;收起折叠文本。支持样式自定义 github地址&#xff1a; github.com/ThinkerJack… pub地址&#xff1a;https://pub.dev/packages/jac_uikit 展开收起文本 使用方式&#xff1a; ExpandableText(content: 测试 * 50,ma…

qt基于QGraphicsView的屏幕旋转

一、代码实现 实现代码示例 MainWindow2 w;QGraphicsScene *scene new QGraphicsScene;QGraphicsProxyWidget *gw scene->addWidget(&w);// 旋转角度gw->setRotation(90);QGraphicsView *view new QGraphicsView(scene);//view->resize(1024, 600);//scene-&g…

生活实用口语柯桥成人外语培训机构“客服”用英文怎么说?

● 01. “客服”英语怎么说&#xff1f; ● 我们都知道“客服”就是“客户服务”&#xff0c; 所以Customer Service就是#15857575376客服的意思。 但是这里的“客服”指代的不是客服人员&#xff0c; 而是一种Service服务。 如果你想要表达客服人员可以加上具体的职位&a…

中国500米分辨率年平均LAI数据集(2000-2020)

叶面积指数LAI(Leaf Area Index)是描述植被冠层几何结构的基本参数之一&#xff0c;被定义为单位地表面积上所有叶片面积的倍数&#xff0c;它控制着植被的许多生物物理过程&#xff0c;如光合作用、呼吸作用、蒸腾作用、碳循环和降水截获等&#xff0c;是陆面过程一个十分重要…

CF 952 E.Secret Box

原题链接&#xff1a;Problem - E - Codeforces 题目大意&#xff1a;多组测试数据&#xff0c;给一个大长方体的长宽高和一个小长方体的体积&#xff0c;问小长方体最大能在大长方体里面放多少种不同的位置。 思路&#xff1a;枚举小长方体的长和宽&#xff0c;然后判断高能…

安装免费版的jfrog artifactory oss

1、下载 软件&#xff0c;本案例安装的是 jfrog-artifactory-oss-7.59.11-linux.tar.gz https://releases.jfrog.io/artifactory/bintray-artifactory/org/artifactory/oss/jfrog-artifactory-oss/ 2、解压下载下来的压缩包 tar zxf jfrog-artifactory-oss-7.59.11-linux.tar…

Excel数据格式:XLSX vs CSV 使用Python处理数据的优劣比较

Excel数据格式 [TOC](Excel数据格式)Excel数据格式&#xff1a;XLSX vs CSV 使用Python处理数据的优劣比较**XLSX格式****CSV格式****使用Python导出数据的推荐****总结** Excel数据格式&#xff1a;XLSX vs CSV 使用Python处理数据的优劣比较 在数据科学和编程领域&#xff0…

机器学习与模式识别大作业

import plane # import dense import numpy as np from sklearn.cluster import KMeans# 注意行列和xy的转换 应该只用行列 向上为行-1 向左为列-1 # 如果在xy图像里面会上下颠倒&#xff0c;左右不变 # 地图上有三个信息来源&#xff0c;一个是字符地图&#xff0c;一个是带有…

10 种语言文本准确渲染;Mac无需联网的本地聊天应用;多模态语言模型(MLM)基准测试的引擎;Yolo DotNet版本

✨ 1: Glyph-ByT5 10 种语言文本准确渲染&#xff0c;将文本渲染的准确性从提高到近 90% &#xff0c;同时还能实现段落渲染自动布局 Glyph-ByT5是一种定制的文本编码器&#xff0c;旨在实现准确的文字视觉渲染。其核心思想是通过细致的字形-文本配对数据集的微调&#xff0c…

VBA技术资料MF161:按需要显示特定工作表

我给VBA的定义&#xff1a;VBA是个人小型自动化处理的有效工具。利用好了&#xff0c;可以大大提高自己的工作效率&#xff0c;而且可以提高数据的准确度。“VBA语言専攻”提供的教程一共九套&#xff0c;分为初级、中级、高级三大部分&#xff0c;教程是对VBA的系统讲解&#…