前端学习笔记,B站pink老师
一:JS概念
是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。属于脚本语言,支持面向对象、命令式、声明式、函数式编程范式。
二:浏览器执行JS的原理
浏览器组成部分:渲染引擎和js引擎。
渲染引擎:俗称内核,用于解析HTML与CSS,如chrome的blink
JS引擎:也叫JS解释器,用于读取网页中JS代码,对其处理后运行,比如chrome浏览器V8。JS引擎执行代码逐行解释每一句源码,将js语言转化为机器语言,然后由计算机去执行。
三:JS组成
JavaScript语法(ECMAScript):由ECMA国际进行标准化的一门编程语言,这种语言在万维网上应用广泛,被称为JavaScript(网景公司)或JScript(微软公司),但实际后两者是ECMAScript语言的实现和扩展。ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
页面文档对象模型(DOM):是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色)。
浏览器对象模型(BOM):它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口。比如弹出框、控制浏览器跳转、获取分辨率等。
四:JS书写位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--2.内嵌式js-->
<script>
alert('变有钱');
</script>
<!--3.外联式-->
<script src="js01.js"></script>
</head>
<body>
<!--1.行内式-->
<!-- <input type="button" value="学前端" onclick="alert('学UI')"> -->
</body>
</html>
五:JS输入输出语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
alert('元宇宙旅行');
prompt('请输入你想去的王国');
console.log('我在云景市盲砀山');
</script>
</head>
<body>
</body>
</html>
alert(msg):浏览器弹出警示框
console.log(msg):浏览器控制台打印输出信息
prompt(info):浏览器弹出警示框,可供用户输入。