JavaScript

目录

什么是JavaScript?

[网页中引用 JavaScript 的方式](#网页中引用 JavaScript 的方式)

[JavaScript 核心语法](#JavaScript 核心语法)

变量

数据类型

运算符

string对象

数组

运算符号

控制语句

注释

输入/输出

语法约定

什么是函数?

常见的系统函数

自定义函数

变量的作用域

事件


什么是JavaScript

  • JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
  • 特点
    • 向HTML页面中添加交互行为
    • 脚本语言,语法和 Java类似
    • 解释性语言,边执行边解释
  • 组成

基本结构:

<script type="text/javascript">

<!---

JavaScript 语句;

--->

</script >

执行原理:

网页中引用 JavaScript 的方式

  • 使用<script>标签
  • 外部JS 文件 <script src="export.js" type="text/javascript"></script>
  • 直接在HTML标签中 <input name="btn" type="button" value="弹出消息框" οnclick="javascript:alert('欢迎你');"/>

JavaScript 核心语法

变量

var - 用于声明变量的关键字

  • 先声明变量再赋值

var width;

width = 5;

  • 同时声明和赋值变量

var catName= "皮皮";

var x, y, z = 10;

  • 不声明直接赋值

width=5;

数据类型

undefined、null、number、boolean、string

运算符

  • typeof 运算符
    • typeof 检测变量的返回值
    • typeof 运算符返回值如下
      • undefined:变量被声明后,但未被赋值
      • string:用单引号或双引号来声明的字符串
      • boolean:true或false
      • number:整数或浮点数
      • object:javascript中的对象、数组和null

string对象

  • 属性
    • 字符串对象.length
    • 方法
    • 字符串对象.方法名();

数组

  • 创建数组

var 数组名称 = new Array(size);

  • 为数据元素赋值

var fruit= new Array("apple", "orange", " peach","banana");

  • 访问数组

数组名[下标]

常用属性和方法:

|--------|-------------|----------------------------------|
| 类别 | 名称 | 描述 |
| 属性 | length | 设置或返回数组中元素的数目 |
| 方法 | join( ) | 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔 |
| 方法 | sort() | 对数组排序 |
| 方法 | push() | 向数组末尾添加一个或更多****元素,并返回新的长度 |

运算符号

|-----------|---------------------------------------------------------|
| 类型 | 运算符 |
| 算术运算符 | + -*/ % ++ --- |
| 赋值运算符 | = += -= |
| 比较运算符 | > < >= <= == != === !== |
| 逻辑运算符 | && || ! |

控制语句

  • if条件语句
  • switch多分支语句
  • for、while循环语句
  • for-in

循环中断

break、continue

注释

单行//

多行/*......*/

输入/输出

  • alert() alert("提示信息");
  • prompt() prompt("提示信息", "输入框的默认信息");

    prompt("请输入你喜欢的颜色","红色");

    prompt("请输入你喜欢的颜色","");

语法约定

  • 代码区分大小写
  • 变量、对象和函数的名称
  • 分号

什么是函数?

  • 函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
  • 使用更简单:不用定义属于某个类,直接使用
  • 函数分类:系统函数和自定义函数

------------------------------------------------------------------------

常见的系统函数

  • parselnt("字符串")
    • 将字符串转换为整型数字
    • 如: parseInt ("86")将字符串"86"转换为整型值86
  • parseFloat("字符串")
    • 将字符串转换为浮点型数字
  • isNaN()
    • 用于检查其参数是否是非数字

------------------------------------------------------------------------

自定义函数

  • 调用函数
    • 函数调用一般和表单元素的事件一起使用,调用格式 事件名="函数名()";
  • 调用无参函数

变量的作用域

  • 全局变量
  • 局部变量

事件

|-------------|---------------|
| 名称 | 说明 |
| onload | 一个页面或一幅图像完成加载 |
| onlick | 鼠标单击某个对象 |
| onmouseover | 鼠标指导移到某元素上 |
| onkeydown | 某个键盘按键被按下 |
| onchange | 域的内容被改变 |

相关推荐
IT技术分享社区7 分钟前
C#实战:使用腾讯云识别服务轻松提取火车票信息
开发语言·c#·云计算·腾讯云·共识算法
极客代码10 分钟前
【Python TensorFlow】入门到精通
开发语言·人工智能·python·深度学习·tensorflow
疯一样的码农16 分钟前
Python 正则表达式(RegEx)
开发语言·python·正则表达式
光影少年19 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
Rattenking23 分钟前
React 源码学习01 ---- React.Children.map 的实现与应用
javascript·学习·react.js
&岁月不待人&38 分钟前
Kotlin by lazy和lateinit的使用及区别
android·开发语言·kotlin
StayInLove41 分钟前
G1垃圾回收器日志详解
java·开发语言
无尽的大道1 小时前
Java字符串深度解析:String的实现、常量池与性能优化
java·开发语言·性能优化
爱吃生蚝的于勒1 小时前
深入学习指针(5)!!!!!!!!!!!!!!!
c语言·开发语言·数据结构·学习·计算机网络·算法
binishuaio1 小时前
Java 第11天 (git版本控制器基础用法)
java·开发语言·git