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

相关文章

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

C#如何动态创建Label,及动态label事件

《C#如何动态创建Label,及动态label事件》:本文主要介绍C#如何动态创建Label,及动态label事件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#如何动态创建Label,及动态label事件第一点:switch中的生成我们的label事件接着,

C#基础之委托详解(Delegate)

《C#基础之委托详解(Delegate)》:本文主要介绍C#基础之委托(Delegate),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 委托定义2. 委托实例化3. 多播委托(Multicast Delegates)4. 委托的用途事件处理回调函数LINQ

spring @EventListener 事件与监听的示例详解

《spring@EventListener事件与监听的示例详解》本文介绍了自定义Spring事件和监听器的方法,包括如何发布事件、监听事件以及如何处理异步事件,通过示例代码和日志,展示了事件的顺序... 目录1、自定义Application Event2、自定义监听3、测试4、源代码5、其他5.1 顺序执行

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

mac安装nvm(node.js)多版本管理实践步骤

《mac安装nvm(node.js)多版本管理实践步骤》:本文主要介绍mac安装nvm(node.js)多版本管理的相关资料,NVM是一个用于管理多个Node.js版本的命令行工具,它允许开发者在... 目录NVM功能简介MAC安装实践一、下载nvm二、安装nvm三、安装node.js总结NVM功能简介N

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

MySQL中my.ini文件的基础配置和优化配置方式

《MySQL中my.ini文件的基础配置和优化配置方式》文章讨论了数据库异步同步的优化思路,包括三个主要方面:幂等性、时序和延迟,作者还分享了MySQL配置文件的优化经验,并鼓励读者提供支持... 目录mysql my.ini文件的配置和优化配置优化思路MySQL配置文件优化总结MySQL my.ini文件