JavaScript：从入门到精通：初始JS

FishAnd_Yu

已于 2023-06-13 22:33:09 修改

阅读量666

点赞数

分类专栏： # JavaScript 文章标签： javascript 前端开发语言

于 2023-06-13 14:09:46 首次发布

本文链接：https://blog.csdn.net/u013620306/article/details/131184781

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JS基本思想

1. 浏览器对 JS 支持
2. JS程序的组成
3. JS 开发工具
4 : html标签描述

1. 浏览器对 JS 支持

🧡背景
1997年微软和网景公司合作发布了 ECMAScript 的语言规范从那时起，微软所有浏览器都支持ECMAScript 标准
1999年，ECMAScript 第三版，正式更名为 JavaScript
各大浏览器都基本支持 JavaScript 标准，但是每个浏览器在应用标准时，都稍有不同，所以兼容性问题一直困扰这 JavaScript 开发人员。

要将 JavaScript 整合到 Web应用，开发人员不得不面对浏览器对 js 的多种解释，还要考虑这些差异解释意味着实现脚本的不同，这需要程序员在各个浏览器不同平台测试和调试

🧡 文档对象模型 DOM标准

W3C将DOM定义为 “一种平台中立和语言中立的接口”，允许程序和脚本动态接入和更新文档内容，结构和样式，这意味着你可以使用 web 浏览器遵从的规范以动态的方式开发一个网页。
DOM 为 HTML 和XML文档创建了一个树型结构并且允许这些对象进行脚本编程。
. JS 与 DOM大量的合作，又可以实现很多重要功能。

2. JS程序的组成

JS是由：语句，标记，操作符合标识符以一种对解释器有意义的顺序放在一起就组成了语句。
JS 也是由于事件驱动的，这就是说它可以对某些事件或者发生的事情“作出响应”，比如：鼠标点击或者表单字段的文本变动
把JS 和事件联系起来是 JavaScript 许多常见用法的核心。
JS代码很少独立运行，一般将它放到 HTML 中。

3. JS 开发工具

Eclipse 开发工具
记事本开发工具

🧡 JS 文件在HTML内部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<titel> My First page</title>
		<script type = "text/javascript">
			function yetAnotherAlert(textToAlert)
			{
				alert(textToAlert);
			}
			yetAnotherAlert("this is Chapter2");
		</script>
	</head>
	
	<body>
	
		// doing something
	</body>
</html>

在这里插入图片描述
🧡 JS文件在 HTML 外部

// myscript.js
function yetAnotherAlert(textToAlert)
{
	alert(textToAlert);
}
yetAnotherAlert("this is my JS");

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<titel> My First page</title>
		<script type = "text/javascript" src = "myscript.js">
		</script>
	</head>
	
	<body>
	
		// doing something
	</body>
</html>

在这里插入图片描述

4 : html标签描述

HTML 的标签用于定义文档的头部区域，通常包含一些元数据和链接信息，但不会被直接显示在页面上。

💚 具体来说，标签可以包含以下内容：

标签：用于定义文档的标题，通常会显示在浏览器的标签栏或窗口标题栏上。标签：用于定义文档的元数据，例如字符集、关键词、描述等。标签：用于定义文档与外部资源之间的链接，例如样式表、图标文件等。 </link></meta>

💚 需要注意的是，标签必须放在标签的最开始位置，并且只能包含元数据和链接信息，不能包含实际的页面内容。如果要向页面中添加内容，应该使用标签。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>My Website</title>
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script>
    </head>
    <body>
        <h1>Welcome to My Website</h1>
        <p>This is the home page of my website.</p>
    </body>
</html>