master

分支 (1)

管理

管理

master

fundamentals-of-java-script
/
20231023

笔记
1.网页三大组成部分：HTML、CSS、JavaScript

2.JS是一种高级的解释型的编程语言

 是一门基于原型、头等函数的语言，是一门多范式的语言，支持面向对象程序设计，指令式编程及函数式编程

3.JS组成：

（1）ECMAscript 定义语言规范

（2）DOM 用于操作文档的API

（3）BOM 用于操作浏览器的API

ECMAscript是一种规范，是JavaScript的标准，描述了该语言的基本对象

4.JS 的三种编写方式

（1）行内 （HTML代码行内） 不推荐

 <a href="javascript::" onclick="alert('点击百度一下')">百度一下</a>
（2）内部script

<div id="aa" style="border: 5px brown; width: 40px ;height: 20px; "></div>
    <script>
        var myid=document.getElementById('aa');
        myid.onclick=function(){
            alert('点点点')
        }
    </script>
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交互

一. 完成课堂所有的代码
<!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>
var myid=document.getElementById('aa');
myid.click=function(){
    alert("点点点");
}

三. 说说你对JS引擎的理解(自己的话术总结)
排版引擎（layout engine），也称为浏览器引擎（browser engine）、页面渲染引擎（rendering engine）或样版引擎。

四. JavaScript的交互方式有哪些？(后两种方式)
alert

document.write

console.log()

prompt

五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
      /*
      	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 正则