关于JavaScript的学习笔记（一）_1.关于javascript的学习-CSDN博客

本文链接：https://blog.csdn.net/m0_54879764/article/details/113097263

一、初识JavaScript
1.布兰登·艾奇在1995年利用十天完成设计JavaScript

2.简介
●JavaScript是世界上最流行的语言之一- ，是一种运行在客户端的脚本语言( Script是脚本的意思)
●脚本语言:不需要编译，运行过程中由js解释器(js引学)逐行来进行解释并执行
●现在也可以基于Nodejs技术进行服务器端编程

3.html/css/JavaScript关系：
●HTML决定网页结构内容（看到什么）
●css决定网页呈现给用户的模样（好不好看）
●实现业务逻辑和页面控制（决定功能）

4.JavaScript的组成
在这里插入图片描述
●文档对象模型( Document Object Model,简称DOM)，足W3C组织推荐的处理可广展标记语言的标佳约程接口。通过DOM提供的按口可以对页面上的各种儿东进行操作(大小、位置、颜色等).
●BOM (Browser Object Model ,简称BOM)足指浏览器对象模型，它提供了独立于内容的、可以与浏览器家厂进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器啡转、获取分析率等。

二、JavaScript
1.三种书写方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
    <!-- 2.内嵌式的js -->
    <script>
    //    alert('输入');
    </script>
    <!-- 3.外部js script 双标签 -->
    <!-- <script src="在这里输入创建的js文件名称"></script> -->
</head>
<body>
    <!-- 1.行内式的js 直接写在元素内部 -->
    <!-- <input type="button" value="输入" οnclick="alert('输入内容')"> -->
</body>
</html>

外部js文件
●利于html页面代码结构化，使得代码美观，也方便文件级别利用
●引用外部js文件的script标签不可以写代码（下面正确写法）

<script src="在这里输入创建的js文件名称"></script>

●适用于代码量比较大的情况

2.js注释

 // 1.单行注释 ctrl + /
 /* 2.多行注释 默认快捷键 shift + alt + a
           2.多行注释
 */

3.JavaScript输入输出语句
在这里插入图片描述

        //这是一个输入框
        prompt('请输入内容');
        //alert 弹出警示框 输出的 展示给用户的
        alert('');
        //consle 控制台输出 给程序员看到的
        console.log('程序员可以看到的');

4.JavaScript中的变量
●变量的使用：
i）变量声明

// 声明变量
var age;//声明一个名称为age的变量

var是一个JS关键字，用来声明变量（variable变量的意思）。使用该关键字后，计算机会自动为变量分配内存空间；‘age’是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

ii）赋值

age = 10;//给age这个变量赋值为10

‘=’为赋值的意思
输出结果
console.log(age);
iii）变量的初始化（声明一个变量并赋值）

var myname = '困眠不足';
console.log(myname);