From abbb9aa1a2d3f8c41c4b9756620a511f8a61752b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E9=9B=AA=E5=BD=B1=E7=9A=84=E4=BD=9C=E4=B8=9A?=
 <2156239329@qq.com>
Date: Fri, 27 Oct 2023 13:24:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=8E=8B=E9=9B=AA=E5=BD=B1=E7=9A=84=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...24\350\256\260\344\275\234\344\270\232.md" | 217 ++++++++++++++++++
 1 file changed, 217 insertions(+)
 create mode 100644 "39 \347\216\213\351\233\252\345\275\261/20231026 \347\254\224\350\256\260\344\275\234\344\270\232.md"
diff --git "a/39 \347\216\213\351\233\252\345\275\261/20231026 \347\254\224\350\256\260\344\275\234\344\270\232.md" "b/39 \347\216\213\351\233\252\345\275\261/20231026 \347\254\224\350\256\260\344\275\234\344\270\232.md"
new file mode 100644
index 0000000..64f0cd0
--- /dev/null
+++ "b/39 \347\216\213\351\233\252\345\275\261/20231026 \347\254\224\350\256\260\344\275\234\344\270\232.md"	
@@ -0,0 +1,217 @@
+# 笔记
+
+1.网页三大组成部分：HTML、CSS、JavaScript
+
+2.JS是一种高级的解释型的编程语言
+
+​	是一门基于原型、头等函数的语言，是一门多范式的语言，支持面向对象程序设计，指令式编程及函数式编程
+
+3.JS组成：
+
+（1）ECMAscript	定义语言规范
+
+（2）DOM	用于操作文档的API
+
+（3）BOM	用于操作浏览器的API
+
+ECMAscript是一种规范，是JavaScript的标准，描述了该语言的基本对象
+
+4.JS 的三种编写方式
+
+（1）行内 （HTML代码行内） 不推荐
+
+```html
+ <a href="javascript::" onclick="alert('点击百度一下')">百度一下</a>
+```
+
+（2）内部script
+
+```html
+<div id="aa" style="border: 5px brown; width: 40px ;height: 20px; "></div>
+    <script>
+        var myid=document.getElementById('aa');
+        myid.onclick=function(){
+            alert('点点点')
+        }
+    </script>
+```
+
+（3）外部  通过script元素的src属性来引入JavaScript文件
+
+```html
+<script>src="./demo.js"</script>
+    <noscript><P>您的浏览器不支持或关闭运行JavaScript</P></noscript>
+</body>
+</html>
+```
+
+```js
+var myid=document.getElementById('aa');
+myid.click=function(){
+    alert("点点点");
+}
+```
+
+5.JavaScript编写注意方式
+
+（1）script元素不能写成单标签
+
+在外联式引用js文件时script标签不可以写成JavaScript代码，并且script标签不能是单标签
+
+（2）省略type属性
+
+因为JavaScript是所有现代浏览器以及HTML5中的默认脚本语言
+
+（3）加载顺序
+
+JS遵循HTML文档的加载顺序，自上而下加载，推荐将JS代码和编写位置放在body元素最后一行
+
+（4）JavaScript严格区分大小写
+
+6.JavaScript的交互方式
+
+| 交互方法      | 方法说明       | 效果查看             |
+| ------------- | -------------- | -------------------- |
+| alert         | 接受一个参数   | 弹窗查看             |
+| console.log   | 接受多个参数   | 在浏览器控制台查看   |
+| documen.write | 接受多个字符串 | 在浏览器页面查看     |
+| prompt        | 接受一个参数   | 在浏览器接受用户输入 |
+
+最常见的是通过console.log交互
+
+7.<noscript>元素
+
+用于给不支持JavaScript的浏览器提供代替内容
+
+```html
+<noscript> <p>您的浏览器不支持或关闭运行JavaScript</p></noscript>
+```
+
+
+
+# 作业
+
+### 一. 完成课堂所有的代码
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 行内script -->
+    <a href="javascript::" onclick="alert('点击百度一下')">百度一下</a>
+    <!-- 内部script -->
+    <div id="aa" style="border: 5px brown; width: 40px ;height: 20px; "></div>
+    <script>
+        var myid=document.getElementById('aa');
+        myid.onclick=function(){
+            alert('点点点')
+        }
+    </script>
+    <!-- 外部script -->
+    <script>src="./demo.js"</script>
+    <noscript><P>您的浏览器不支持或关闭运行JavaScript</P></noscript>
+</body>
+</html>
+```
+
+
+
+```javascript
+var myid=document.getElementById('aa');
+myid.click=function(){
+    alert("点点点");
+}
+```
+
+
+
+### 二. 简单聊聊JavaScript的历史(自己的话术来总结)
+
+Netscape公司很快发现，浏览器需要一种可以嵌入网页的脚本语言来控制页面行
+
+为。因为那时网速很慢而且网费很贵，有些操作不需要在服务端完成，可以把这
+
+些操作在浏览器端完成，从而提高效率。他们对这项脚本语言的设想是：功能不
+
+需要太强，语法简单，容易学习和部署。 恰逢Sun公司java问世，两家公司强强
+
+联合，NetScript公司希望借助Java语言的声势，Sun公司则将自己的影响力扩展
+
+到浏览器，1995年，他们雇佣程序员十天时间就设计完成了这种语言的第一版，
+
+命名为JavaScript，对外宣称JavaScript是Java的补充。
+
+
+
+### 三. 说说你对JS引擎的理解(自己的话术总结)
+
+  排版引擎（layout engine），也称为浏览器引擎（browser engine）、页面渲染引擎（rendering engine）或样版引擎。
+
+
+
+### 四. JavaScript的交互方式有哪些？(后两种方式)
+
+ alert 
+
+document.write
+
+console.log() 
+
+prompt
+
+
+
+### 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
+
+```js
+      /*
+      	var
+    	声明一个变量，可选初始化一个值。
+        let
+   		声明一个块作用域的局部变量，可选初始化一个值。
+		const
+    	声明一个块作用域的只读常量。
+           */
+        
+        
+        const a = 1;    // 常量
+        let b = 2;      // 变量，数字类型 let：局部变量
+        var c = '湫';   // 字符串类型 var:全局变量
+        let d;          // 只声明变量，没有值
+        d = a + b;      // 给变量赋值 用=号
+        let e = 'a',f = 3;// 同时定义多个变量，用,号分隔，
+        // 多个变量同时定义时不能同时赋值，举例
+        let x,y,z = 1;  // 只有z=1，xy为空
+```
+
+
+
+### 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习)
+
+1.boolean  布尔
+
+2.null  空
+
+3.undefine  未定义
+
+4number  数字
+
+5.string  字符串
+
+6.symbol
+
+7.array  数组
+
+8.object  对象
+
+9.function  函数
+
+10.date  日期
+
+11.regex  正则
+
-- 
Gitee

