JavaScript概述
JavaScript是一种运行于JavaScript解释器/引擎中的
解释型脚本语言
运行环境
:
1、独立安装的JS解释器(NodeJS)
2、嵌入在[浏览器]内核中JS解释器
解释型
:运行之前是不需要编译的,运行之前不会检查错误,直到碰到错误为止
编译型
:对源码进行编译,还能检查语法错误
JS组成
:
1、核心(ECMAScript
)
2、文档对象模型(DOM
,Document Object Model)让JS有能力与网页进行对话
3、浏览器对象模型(BOM
,Browser Object Model)让JS有能力与浏览器进行对话
浏览器内核的作用
内核
主要由两部分组成:
1、内容排版引擎解析HTML和CSS
2、脚本解释引擎解析JavaScript在这里插入代码片
注:不同的浏览器的内核是不同的
JavaScript基础语法
将JS脚本嵌入在HTML页面中执行的步骤
- 将JS代码嵌入在元素“事件”中
onclick
:当单击元素时所做的操作
<div id="" onclick="JS代码">xxx</div>
<html>
<body>
<button onclick="console.log('Hello World');">
</body>
</html>
- 将JS代码嵌入在
<script>
标签中
<script></script>
允许出现网页的任意位置处
<html> // 内容排版引擎处理
<body>
<script>
document.write('<b>欢迎</b>');
console.log('脚本执行结束了...');
</script> // 脚本解释引擎处理
</body>
</html>
- 将JS代码写在外部脚本文件中(**.js)
①创建js文件,编写JS代码
②在页面中引入js文件
<script src="js文件路径"></script>
<html>
<head>
<script src="myscript.js"></script>
</head>
<body>
</body>
</html>
注意:
<script src=""></script>
该对标签中,是不允许出现任何内容的
错误例子:
// 以下为错误代码
<script src="a.js">
console.log(); // error
</script>
写在最后:新手上路,如有问题,欢迎大家指出,给意见。如果这篇文章对你有帮助,麻烦帮忙点一下赞,你们小小的举动能给我无限大的动力。拒绝白嫖,从我做起,从现在做起。Thank you for watching!