【JavaScript一】

初识Java Script

是一种运行在客户端的脚本语言

1.HTML/CSS/JS之间的关系

HTML:决定网页解构和内容(决定看到什么),相当于人的身体
CSS:决定网页呈现给用户的模样(决定好不好看),相当于给人穿衣服化妆
以上两种为描述类语言
JS:实现业务逻辑和页面控制(决定功能),相当于人的各种动作
JS属于编程类语言

2.浏览器与执行JS

浏览器分成两部分:渲染引擎和JS引擎
渲染引擎:用来解析HTML和CSS,俗称内核
JS引擎:也成为JS解释器,用来读取JS代码,对其处理后运行
JS是一行一行解析的,所以是脚本语言

3.JS的组成

在这里插入图片描述

4.JS的三种代码写法:行内,内嵌,外部

1.行内

  行内式的JS,直接写到元素的内部
<body>
 <!-- 1.行内式的JS,直接写到元素的内部 -->
 <input type="button" value="冰激凌" onclick="alert('草莓味')" >
</body>

在这里插入图片描述

2.内嵌

内嵌样式的JS
    <script>
        alert('沙漠骆驼')
    </script>

3.外部

外部JS写法

1.先新建一个js文件,里面写alert(‘我爱吃冰激凌’)
在这里插入图片描述
2.在html文件中引入,注意两个script中间不能写代码,这是规范
在这里插入图片描述
结果
在这里插入图片描述

2.注释

单行注释:ctrl+/
多行注释:shift+alt+a

输入输出语句

在这里插入图片描述
1.prompt输入语句
在这里插入图片描述

在这里插入图片描述
2.alert弹出框语句
在这里插入图片描述

在这里插入图片描述

3.console.log控制台输出,给程序员测试用的
在这里插入图片描述

在这里插入图片描述

变量概述

声明变量用var

在这里插入图片描述
在这里插入图片描述

用户输入的数据存储到变量中

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

变量的特殊情况

1.只声明,不赋值
在这里插入图片描述
在这里插入图片描述

2.不声明,不赋值
在这里插入图片描述
在这里插入图片描述

3.不声明,直接赋值,可以使用
在这里插入图片描述
在这里插入图片描述

大小写

变量区分大小写
小驼峰命名法firstName
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值