JavaScript基础

什么是JavaScript(简称JS)

  1. JS是一种基于对象和时间驱动、并具有安全性能的脚本语言。
  2. JS的特点:
  • 向HTML页面中添加交互行为。
  • 脚本语言、和JAVA相似。
  • 解释性语言,边执行边解释。
  1. JS的组成:ECMAScript + BOM + DOM

如何使用JS

  1. 直接在HTML标签中使用JS
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
  1. 引入外部JS文件
<script src="路径"  type="text/javascript"></script>
  1. 使用<script></script>标签
    当使用<script>标签时,需要注意<script>标签在HTML中的位置,<script>标签可以放在HTML中的任何位置,但是建议放在HTML的头部或<body>的后边。

JS的三种输出方式

document.write("hello");	// 输出在页面中
alert("hello");			// 以弹窗的形式作为提示信息
console.log("hello");		// 在浏览器的控制台打印

变量

  1. JS是一种弱类型的编程语言,变量没有类型,值有类型。
  2. 变量的声明:
  • 先声明,后赋值:var a; a = 5;
  • 声明的同时给变量赋值:var a = 5;
  • 不声明直接使用,但是不建议这方方法,很容易出错。
    a = 5;

数据类型(值有类型)

  • undefined:变量没有初始值将被赋予undefined;
  • null:变量的默认值不会是null,但可以给变量赋值一个null值。null值和undefined值相等。
  • number:数字,JS不区分整数和小数。
  • boolean:布尔 true|false。
  • string:字符串,JS不区分字符和字符串。
  1. typeof(变量名):内置函数,获取变量上值的类型。
  2. object:JS中的对象、数组和null都是object类型

运算符(和JAVA类似)

可以参考JAVA运算符进行学习

  • 算术:+ 、- 、* 、/ 、%(加、减、乘、除、取模)
  • 赋值:= 、 += 、 *= 、 /= 、 %=
  • 关系运算符:== 、 != 、 > 、 < 、 >= 、 <= 、 ===(恒等于,永远等于)、 “!==”(永远不等)
  • 逻辑:&& || !
  • 三目运算符:boolean表达式 ?值1 : 值2

选择分支结构(和JAVA类似)

可以参考JAVA选择分支结构进行学习

  • if(){}
  • if(){}else{}
    if(){}else if(){}else{}
  • switch(value){
    case 1:…
    break;

    default:…
    break;
    }

循环结构(和JAVA类似)

可以参考JAVA循环结构进行学习

  • while(){}
  • do{}while();
  • for(var i=0;i<10;i++){…}
  • for in
    例如遍历数组:
    在这里插入图片描述

String对象

  1. 属性:length
    字符串对象.length :获取字符串的长度。
  2. 常用方法
    在这里插入图片描述

数组

  1. 创建数组的三种方式
  • var 数组名 = new Array(长度);
    然后依次赋值。
    数组的下标从0开始。
  • var 数组名 = new Array(值1 , 值2 , 值3…);
  • var 数组名 = [值1 , 值2 , 值3…];
  1. 数组的属性
    length:返回数组的长度。
  2. 数组的常用方法:
    在这里插入图片描述

注释

  • 单行注释以 // 开始,以行末结束。
  • 多行注释以 /* 开始 ,以 */ 结束。

prompt()输入

  1. prompt(参数1 , 参数2);
  • 参数1:提示信息,提示用户输入什么。
  • 参数2:默认信息,输入框中的默认信息。(参数2 可选)
  1. 例如:
<script>
	var a = prompt("请输入你的姓名");
	var b = prompt("请输入你的性别""男")</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值