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

相关文章

Java利用Spire.Doc for Java实现在模板的基础上创建Word文档

《Java利用Spire.DocforJava实现在模板的基础上创建Word文档》在日常开发中,我们经常需要根据特定数据动态生成Word文档,本文将深入探讨如何利用强大的Java库Spire.Do... 目录1. Spire.Doc for Java 库介绍与安装特点与优势Maven 依赖配置2. 通过替换

JavaScript装饰器从基础到实战教程

《JavaScript装饰器从基础到实战教程》装饰器是js中一种声明式语法特性,用于在不修改原始代码的情况下,动态扩展类、方法、属性或参数的行为,本文将从基础概念入手,逐步讲解装饰器的类型、用法、进阶... 目录一、装饰器基础概念1.1 什么是装饰器?1.2 装饰器的语法1.3 装饰器的执行时机二、装饰器的

Java JAR 启动内存参数配置指南(从基础设置到性能优化)

《JavaJAR启动内存参数配置指南(从基础设置到性能优化)》在启动Java可执行JAR文件时,合理配置JVM内存参数是保障应用稳定性和性能的关键,本文将系统讲解如何通过命令行参数、环境变量等方式... 目录一、核心内存参数详解1.1 堆内存配置1.2 元空间配置(MetASPace)1.3 线程栈配置1.

从基础到高级详解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. 可