当前位置: 首页 > news >正文

初始javascript

什么是JavaScript?

  1. JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互。
  2. JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
  3. JavaScript在1995年由Brendan Eich发明,并于1997年成为ECMA标准。
  4. ECMAScript6(ES6)是最新的JavaScript版本(发布于2015年)。

JavaScript引入方式:

内部脚本:将js代码定义在HTML页面中

JavaScript代码必须位于<script></script标签之间

在HTML文档中,可以在任意地方,放置任意数量的<script

一般会把脚本置于<body>元素的底部,可改善显示速度

外部脚本:将js代码定义在外部js文件中,然后引入到HTML页面中

外部js文件中,只包含js代码,不包含<script>标签

<script>标签不能自闭合

定义外部脚本:

引用为外部脚本:

js的基本语法

1.区分大小写:与java一样,变量名、函数名以及其他一切东西都是区分大小写的 函数名指的是方法名

2.每行结尾的分号可有可无,建议加上。

3.注释:单行注释:∥注释内容

多行注释:/*注释内容*/

4.大括号表示代码块

输出语句

使用window.alert()写入警告框

使用document.write()写入HTML输出

使用console.log()写入浏览器控制台

变量

JavaScript中用var关键字(variable的缩写)来声明变量。

JavaScript是一门弱类型语言,变量可以存放不同类型的值。

一.变量名需要遵循如下规侧:

  1. 组成字符可以是任何字母、数字、下划线()或美元符号($)

2.数字不能开头

3.建议使用驼峰命名

特点1:var是全局变量即使在代码块里面定义,在外面也可以拿到。

特点2:可以重复定义的

数据类型、运算符、流程控制语句

数据类型

JavaScript中分为:原始类型和引用类型。

如何获取数据类型:

运算符

==会进行类型转换,===不会进行类型转换类型不一样直接返回false

类型转换:

NaN代表的是不是一个数字

数字类型转换为boolean类型

空格也是true

流程控制语句

语法和Java一致。

js函数(含义和Java方法一样)

例子:

方式二:

注总事项

jS中,函数调用可以传递任意个数的参数。

如:

只接收前俩个参数。

js对象

array对象

定义数组

js中的数组长度可变类型可变

array中的属性和方法

for把数组所以数据都遍历出来,包括没有值的

forEach只遍历有值的数据。

参数一从哪个元素开始删参数二删几个

string对象

练习:

JavaScript自定义对象

定义格式:

自定义里面的方法还可以简化为这个样子。

调用格式:

js里面的JSON对象

概念:JavaScript Object Notation,JavaScripti对象标记法。

JSON是通过JavaScript对象标记法书写的文本。

由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输。

json的定义格式:

josn和自定义的对象很相似。

json-基础语法

如何获取json里面的值

1.JS0N字符串转为JS对象

2.JS对象转为jSON字符串

注意别忘加单引号

js里面的BOM对象

只需要掌握俩个一个是window一个是Location

window

方法代码实现:

Location

代码实现:

1.可以返回完整的URL

2.可以跳转。

js里面的DOM对象

代码实现:

js事件监听

●事件:HTML事件是发生在HTML元素上的“事情”。比如:

◆按钮被点击

◆鼠标移动到元素上

◆按下键盘按键

●事件监听:JavaScript可以在事件被侦测到时执行代码。

事件绑定

js中常见的事件

代码案例:

相关文章:

  • 信息收集与问答系统流程分析与改进建议
  • 【从零开始学习计算机科学】软件测试(九)Web系统测试 与 数据库测试
  • 属于FPGA的AI红利,正在商业航天中兑现
  • 浅谈Go垃圾回收机制-面试笔记
  • VSCODE右下角切换环境没用
  • MySQL0基础学习记录-下载与安装
  • js基本功(八)
  • 如何设计外贸邮件开发信主题
  • 一文讲清 C++ CRTP(Curiously Recurring Template Pattern,奇异递归模板模式)
  • 蓝桥每日打卡--打家劫舍4
  • ref setState 合成事件
  • 数据库迁移
  • IREE 调度机制深度解析:静态编译与动态执行的协同优化
  • 【STM32单片机】#2 GPIO输出
  • k8s中service概述(一)ClusterIP
  • 软件测试之Postman接口测试
  • springboot继承使用mybatis-plus举例相关配置,包括分页插件以及封装分页类
  • C++|GLog开源库的使用 如何实现自定义类型消息日志
  • HCIA-AI人工智能笔记3:数据预处理
  • 编程语言选择分析:C#、Rust、Go 与 TypeScript 编译器优化
  • 白云山一季度营收净利双降,此前称今年将挖掘盘活自身资源
  • 五一“拼假”催热超长假期,热门酒店民宿一房难求
  • 韩国下届大选执政党初选4进2结果揭晓,金文洙、韩东勋胜出
  • 阿里开源首个“混合推理模型”:集成“快思考”、“慢思考”能力
  • 4月人文社科联合书单|天文学家的椅子
  • 暗蓝评《性别打结》丨拆解性别之结需要几步?