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

相关文章

从基础到进阶详解Pandas时间数据处理指南

《从基础到进阶详解Pandas时间数据处理指南》Pandas构建了完整的时间数据处理生态,核心由四个基础类构成,Timestamp,DatetimeIndex,Period和Timedelta,下面我... 目录1. 时间数据类型与基础操作1.1 核心时间对象体系1.2 时间数据生成技巧2. 时间索引与数据

安装centos8设置基础软件仓库时出错的解决方案

《安装centos8设置基础软件仓库时出错的解决方案》:本文主要介绍安装centos8设置基础软件仓库时出错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录安装Centos8设置基础软件仓库时出错版本 8版本 8.2.200android4版本 javas

Linux基础命令@grep、wc、管道符的使用详解

《Linux基础命令@grep、wc、管道符的使用详解》:本文主要介绍Linux基础命令@grep、wc、管道符的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录grep概念语法作用演示一演示二演示三,带选项 -nwc概念语法作用wc,不带选项-c,统计字节数-

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

python操作redis基础

《python操作redis基础》Redis(RemoteDictionaryServer)是一个开源的、基于内存的键值对(Key-Value)存储系统,它通常用作数据库、缓存和消息代理,这篇文章... 目录1. Redis 简介2. 前提条件3. 安装 python Redis 客户端库4. 连接到 Re

SpringBoot基础框架详解

《SpringBoot基础框架详解》SpringBoot开发目的是为了简化Spring应用的创建、运行、调试和部署等,使用SpringBoot可以不用或者只需要很少的Spring配置就可以让企业项目快... 目录SpringBoot基础 – 框架介绍1.SpringBoot介绍1.1 概述1.2 核心功能2

Spring Boot集成SLF4j从基础到高级实践(最新推荐)

《SpringBoot集成SLF4j从基础到高级实践(最新推荐)》SLF4j(SimpleLoggingFacadeforJava)是一个日志门面(Facade),不是具体的日志实现,这篇文章主要介... 目录一、日志框架概述与SLF4j简介1.1 为什么需要日志框架1.2 主流日志框架对比1.3 SLF4

Spring Boot集成Logback终极指南之从基础到高级配置实战指南

《SpringBoot集成Logback终极指南之从基础到高级配置实战指南》Logback是一个可靠、通用且快速的Java日志框架,作为Log4j的继承者,由Log4j创始人设计,:本文主要介绍... 目录一、Logback简介与Spring Boot集成基础1.1 Logback是什么?1.2 Sprin

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no

MySQL复合查询从基础到多表关联与高级技巧全解析

《MySQL复合查询从基础到多表关联与高级技巧全解析》本文主要讲解了在MySQL中的复合查询,下面是关于本文章所需要数据的建表语句,感兴趣的朋友跟随小编一起看看吧... 目录前言:1.基本查询回顾:1.1.查询工资高于500或岗位为MANAGER的雇员,同时还要满足他们的姓名首字母为大写的J1.2.按照部门