JS脚本语言基础与事件

2024-04-28 22:04
文章标签 基础 js 事件 脚本语言

本文主要是介绍JS脚本语言基础与事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

js可以实现前端的网页操作

js属于脚本语言:不需要编译 sql html css javaScript 由某种解释器直接可以运行的

html是网页基本内容(标签,文本)

css是网页外观(样式)

JavaScript/js是网页的行为,为网页可以添加各种动态效果

ES TS面向对象结构搭建

		<!-- 导入外部js文件,导入外部script标签中就不能再写其他的js脚本了 --><script src="js/index.js"></script>
		<script>function next(){//alert()是js中内置好的一个对话框函数,在安装浏览器的时候,已经安装到你的电脑alert("hello,world")}</script>
事件:

通过按钮触发事件,通过事件调用函数

变量:

js声明变量,java语言为强类型语言  phython  js  弱类型语言

区别在对于变量的类型划分和使用上表现为具体和普适

在java中,int  double char string long.....

在js中,一般情况都可用var

    var a=10;a="aba";a=true;var b="abc";alert(a);

数值类型:

1.整数浮点数字符串都用var

2.布尔型(true/false)

3.undefined型:不明确声明一个变量,未赋初始值,不明确变量

4.object对象类型、

函数:

声明函数:

			function test(){alert("计算知识");}function test2(a,b){alert(a+b);return 0;}

应用/使用函数:

			test();var c=test2(1,5);alert(c);

全局函数举例:

1.弹出框--alter(“消息提示框”)

2.确认对话框 --var res =confirm("是否确定");

       alter (res);

3.输入对话框:

var name =prompt("请输入");

alter(name);

4.返回参数数据类型:

var a=new Date();

alter(typeof(a));

5.parseInt(n) 把参数转换为整数,如果参数是浮点数保留整数部分,如果参数字符串有非数字字符串,返回NaN    

NaN的意思not a number

parseFloat(n) 将参数转为浮点数

6.eval(s) 可以将某个字符串当作js脚本运行

可以制作计算机小程序时使用

事件:

onclick 鼠标单击事件:

<input type="button" id="tid" value="单击事件" onclick="test()" />
<div onclick="test()">单击事件</div>

ondbclick 鼠标双击事件:

<input type="button" value="双击事件" ondblclick="test()"/>
onfocus 聚焦事件 当输入框获得鼠标焦点时触发事件
onblur 失焦事件 当输入框失去鼠标焦点时触发事件
<input type="text" onfocus="test()" onblur="test()" />
onload 当网页内容加载完毕后触发
onchange 当输入框/下拉框失去鼠标焦点 且 内容发生改变时 触发事件
onmouseover 移入鼠标
onmouseout 移走鼠标

这篇关于JS脚本语言基础与事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/944374

相关文章

从基础到高级详解Go语言中错误处理的实践指南

《从基础到高级详解Go语言中错误处理的实践指南》Go语言采用了一种独特而明确的错误处理哲学,与其他主流编程语言形成鲜明对比,本文将为大家详细介绍Go语言中错误处理详细方法,希望对大家有所帮助... 目录1 Go 错误处理哲学与核心机制1.1 错误接口设计1.2 错误与异常的区别2 错误创建与检查2.1 基础

Spring的基础事务注解@Transactional作用解读

《Spring的基础事务注解@Transactional作用解读》文章介绍了Spring框架中的事务管理,核心注解@Transactional用于声明事务,支持传播机制、隔离级别等配置,结合@Tran... 目录一、事务管理基础1.1 Spring事务的核心注解1.2 注解属性详解1.3 实现原理二、事务事

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

Java中最全最基础的IO流概述和简介案例分析

《Java中最全最基础的IO流概述和简介案例分析》JavaIO流用于程序与外部设备的数据交互,分为字节流(InputStream/OutputStream)和字符流(Reader/Writer),处理... 目录IO流简介IO是什么应用场景IO流的分类流的超类类型字节文件流应用简介核心API文件输出流应用文

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

从基础到高级详解Python数值格式化输出的完全指南

《从基础到高级详解Python数值格式化输出的完全指南》在数据分析、金融计算和科学报告领域,数值格式化是提升可读性和专业性的关键技术,本文将深入解析Python中数值格式化输出的相关方法,感兴趣的小伙... 目录引言:数值格式化的核心价值一、基础格式化方法1.1 三种核心格式化方式对比1.2 基础格式化示例

redis-sentinel基础概念及部署流程

《redis-sentinel基础概念及部署流程》RedisSentinel是Redis的高可用解决方案,通过监控主从节点、自动故障转移、通知机制及配置提供,实现集群故障恢复与服务持续可用,核心组件包... 目录一. 引言二. 核心功能三. 核心组件四. 故障转移流程五. 服务部署六. sentinel部署

从基础到进阶详解Python条件判断的实用指南

《从基础到进阶详解Python条件判断的实用指南》本文将通过15个实战案例,带你大家掌握条件判断的核心技巧,并从基础语法到高级应用一网打尽,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录​引言:条件判断为何如此重要一、基础语法:三行代码构建决策系统二、多条件分支:elif的魔法三、