JavaScript笔记一-初识JavaScript

爱吃饼的大头

已于 2024-05-31 10:15:02 修改

阅读量792

点赞数 24

分类专栏： JS 文章标签： javascript 笔记开发语言

于 2024-05-31 10:06:32 首次发布

本文链接：https://blog.csdn.net/weixin_63658665/article/details/139344589

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、JavaScript的起源

JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如：用户名的长度，密码的长度，邮箱的格式等。

2、JavaScript的组成

2.1 核心（ECMAScript）

提供语言的语法和基本对象

2.2 文档对象模型（DOM）

提供处理网页内容的方法和接口

2.3 浏览器对象模型（BOM）

提供与浏览器进行交互的方法和接口

3、JavaScript的特点

解释型语言

JavaScript 是一种解释型脚本语言，与 C、C++ 等语言需要先编译再运行不同，使用js编写的代码不需要编译就可以直接运行。

动态语言

在 JavaScript 中，变量的类型不是固定的，可以在运行时改变，同时对象可以在运行时添加或删除属性。这与其他一些语言（如 Java 或 C#）不同，后者通常需要在编译时定义对象的结构。还有，在 JavaScript 中，函数是一等公民，这意味着函数可以像其他任何变量一样被传递和使用。另外，JavaScript 在运行时进行弱类型检查，这意味着你可以在代码中执行一些在其他强类型语言中会抛出错误的操作。

类似于C和Java的语法结构

JavaScript的语法结构很多命名规范都借鉴于Java，在语法结构上有很多相似之处。

基于原型的面向对象

JavaScript 是一种面向对象语言，使用 JavaScript 不仅可以创建对象，也能操作使用已有的对象。

严格区分大小写

JavaScript是一种严格区分大小写的编程语言。

4、JavaScript的使用

浏览器在解析 HTML 文档时，将根据文档流从上到下逐行解析和显示。JavaScript 代码也是 HTML 文档的组成部分，因此 JavaScript 脚本的执行顺序也是根据 < s c r i p t >

4.1、标签引用

在HTML中的标签中就可以编写JavaScript代码：

<script>
    alert("Hello,World!");
</script>

4.2、文件引用

在一个单独的js文件中也可以写JavaScript代码，然后在HTML文件中使用script标签进行引用：使用＜script＞标签包含外部 JavaScript 文件时，默认文件类型为 Javascript。因此，不管加载的文件扩展名是不是 .js，浏览器都会按 JavaScript 脚本来解析。

main.html

<script src="main.js"></script>

main.js

alert("Hello,JavaScript!");

5、JavaScript的输出

5.1、页面输出

向页面输出一句话

<script>
    document.write("今天天气真好！");
</script>

5.2、控制台输出

向控制台输出（*页面按F12弹出控制台）

 <script>
        //666
        console.log("输出一条日志");
        console.info("输出一条信息");
        console.warn("输出一条警告");
        console.error("输出一条错误");       
 </script>

5.3、alert() 函数

弹出一个提示框

<script>
        alert("Hello world!");
</script>

5.4、confirm() 函数

弹出一个对话框。

<script>
        confirm("Hello world!");
</script>

5.5、innerHTML属性

innerHTML 是一个属性而不是一个函数，通过它可以设置或者获取指定 HTML 标签中的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <div id="demo">JavaScript 输出</div>
    <script type="text/javascript">
        var demo = document.getElementById("demo");
        console.log(demo.innerHTML);
        demo.innerHTML = "<h2>innerHTML</h2>"
    </script>
</body>
</html>