JavaScript初入门1

学习目标

学习JavaScript基础

---

学习内容

1. JS的三部分组成
2. JS三种书写位置
3. JS注释
4. JS输入输出语句
5. JS变量

---

一、JS的三部分组成

        ECMAScript、DOM（页面文档对象类型）和 BOM（浏览器对象模型）

• EMCAScript规定了JS的编程语法和核心基础知识。
• DOM是处理扩展标记语言的标准编程接口，可以对页面上各种元素进行操作。
• BOM提供可以与浏览器互动的对象结构，操作浏览器窗口。

二、JS三种书写位置

1.行内式JS

<input type="button" value="点击" onclick="alert('hello world')" />

 2.内嵌JS

<script>
    alert('hello world');
</script>

• 可以将多行JS代码写入到<script>中 

3.外部JS文件

<script src="js文件目录.js"></script>

• 方便文件级别的复用
• 标签中间不能写代码
• 适用于JS代码量多的情况

 三、JS注释

//    1.当行注释  ctrl + /

/*
      2.多行注释  shift + alt + a
*/

四、JS输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器

alert('我带你们打')
var a = prompt('请输入用户名：')
console.log(a)

五、JS变量

1.变量的初始化

//变量的初始化
var age = 10;

2.实例操作

    <script>
        var age = prompt('输入年龄')
        alert('年龄为' + age)
    </script>

3.变量语法拓展

// 1.更新变量
    var myID = '101'
    console.log(myID)
    myID = 'apex'
    console.log(myID)

// 2.声明多个变量
    var age = 18， myID = '101', price = 2000

// 3.只声明不赋值
    var sex
    console.log(sex)  // 结果：undifined

// 4.不声明不赋值
    console.log(tel)  // 结果直接报错

// 5.不声明直接用
    pwd = 6657
    console.log(pwd) // 结果：6657 不报错 也能打印出来 但不提倡
      

4.变量命名规范

• 由字母、数字、_ 、$ 组成
• 不能以数字开头
• 不能说关键字、保留字
• 严格区分大小写
• 变量名要有意义，使用驼峰命名法