简单学JavaScript#(持续更新中。。。)

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页面中执行的步骤

  1. 将JS代码嵌入在元素“事件”中

onclick:当单击元素时所做的操作

<div id="" onclick="JS代码">xxx</div>
<html>
	<body>
		<button onclick="console.log('Hello World');">
	</body>
</html>
  1. 将JS代码嵌入在<script>标签中

<script></script>允许出现网页的任意位置处

<html>	// 内容排版引擎处理
	<body>
		<script>
			document.write('<b>欢迎</b>');
			console.log('脚本执行结束了...');
		</script> // 脚本解释引擎处理
	</body>
</html>
  1. 将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!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章