JavaScript基础

js是什么

js是运行在客户端(浏览器)上的一个编程语言,实现人机交互效果(前面所学的html+css是标记语言)

作用

1.网页特效

2.表单验证

3.数据交互

4.服务端编程(node.js)

js组成

 js书写位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 内部js -->
    <script>
        alert('hello,js')
    </script>
    <!-- 外部js -->
    <script src="js/my.js">
        // 外部js里边不能写内容
    </script>
    <!-- 内联js写在标签内部,此处了解即可后边vue框架会使用该模式 -->
    <button onclick="alert('hello,js')">按钮</button>
</body>
</html>

js输入输出语法

<script>
    // 文档输出内容
    document.write('hello,js')
    document.write('<h1>hello.js</h1>')
    // 控制台打印输出内容 给程序员
    console.log('hello,js')
    // 页面弹出警告对话框
    alert('hello,js')
    // 输入语句
    prompt('请输入班级:')

数据类型

打印输出时通过typeof检测数据类型

基本数据类型

number数值型

string字符串

Boolean布尔型

undefined未定义(如果监测变量是undefined就说明没有值传递过来)

null空类型,定义了但为空(如果一个变量里面确定存放的是对象object,如果还没有准备好对象,可以放个null)

引用数据类型

object对象

function函数

array数组

模板字符串${}

使用场景:在没有使用之前,药品街边量比较麻烦

document.write('我叫'+name+',今年'+age+'岁')

使用拼接字符串的语法:

1.``反引号

2.内容拼接变量时,${}包住变量

document.write(`我叫${name},今年${age}岁`

隐式转换

加号两边只要有一个是字符串,都会把另一个转换为字符串类型

除了加号意外的算术运算符,都会把数据转换成数字类型 

加号作为正号解析时可以转换成数字型

任何数据和字符串相加结果都是字符串

显式转换(应用场景对盒子进行加减操作)

Number

parseInt

parseFloat

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值