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:用单引号或双引号来声明的字符串
      • booleantruefalse
      • number:整数或浮点数
      • objectjavascript中的对象、数组和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

域的内容被改变

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

愚人钊呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值