JavaScript基础介绍

最新推荐文章于 2024-06-14 15:02:13 发布

尾迹双冒号

最新推荐文章于 2024-06-14 15:02:13 发布

阅读量78

点赞数 1

分类专栏： # web前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_51188461/article/details/120881878

版权

web前端专栏收录该内容

12 篇文章 2 订阅

订阅专栏

文章目录

1.**JavaScript语言简介**
2.JavaScript与HTML

1.JavaScript语言简介

JavaScript诞生于1995年。在那个时代用户提交一个表单需要获取服务器端的反馈，这个时间大概十几秒，如果能在客户端完成一些基本的验证绝对是很大的进步。当时如日中天的Netscape公司，决定着手开发一种客户端语言解决简单的表单验证。就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。Netscape与Sun公司成立了一个开发联盟。Sun公司正是Java的拥有着，而此时，Netscape为了搭上媒体热炒Java的顺风车，临时把LiveScript改名为JavaScript，所以从本质上来说JavaScript和Java没什么关系。

1997年，以JavaScript1.1为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA，European Computer Manufactures Association），该协会指定39号技术委员会负责将其进行标准化，TC39经过数月的努力完成了ECMA-262——定义了一种名为ECMAScript的新脚本语言的标准。

现在开发人员常说的JavaScript包含三个部分：ECMAScript、浏览器对象模型(BOM)和文档对象模型(DOM)。

2.JavaScript与HTML

HTML，即超文本标记语言，是一种用于编写网页的脚本语言，超文本，包括图片、视频、音频等非文本元素，这些元素要在网页上展示就离不开HTML。目前，网站后台开发的语言和框架多种多样，前端却基本围绕着如何丰富HTML这个基础而发展。作为一门编程语言，HTML的内容很多，可以参考我们的HTML相关实训，这里仅介绍HTML代码的结构。由尖括号对和括号内文字构成的整体被称为标签，两个匹配的标签构成标签对，匹配指两个标签的文字相同，后者文字前加入/符号，<body></body>即一个标签对。标签之间可以嵌套。HTML代码所有内容在<html></html>标签对之间，下层又分为两个标签对<head></head>和<body></body>，后者中间放入网页内容的主体部分。

使用内置script标签对的方式嵌入JS代码
将JavaScript嵌入到HTML中有两种方法，对于内容较少的JavaScript代码，常采用将JavaScript代码直接写在HTML中的做法。
在<script></script>之间写入JavaScript代码，然后将标签连同代码放入到<head></head>或者<body></body>之间，常见的是放在<head></head>之间，因为这样JavaScript和HTML的主体内容相对分开，便于阅读。如下是一个实例：

<!DOCTYPE html>
<html>
    <head>
        <script>
        console.log("在HTML中嵌入JavaScript，这里是JS部分");
        </script>
    </head>
    <body>
    <!--这里是HTML的主体部分-->
    </body>
</html>

引入外置代码源文件的方式在HTML中嵌入JavaScript
对于较长的JavaScript源代码，使用内置代码的方式会使得HTML代码过长，不符合程序开发模块化的要义。这时可采用引入外部代码文件的方式，即将所有的JavaScript代码放在一个扩展名为.js的文档中，然后将script标签的src属性值设置为待引入的JavaScript文件的路径名，再将<script></script>放在<head></head>或者<body></body>之间。如下是一个实例：
我们将JavaScript代码放在myjs.js中，HTML代码放在hello.html中，两者在同一个目录下，其内容分别是：
myjs.js如下：

console.log("在HTML中嵌入JavaScript，这里是JS部分");

注意：上面的代码中千万不要再加标签，这些标签是HTML语言的内容。
hello.html如下：

<!DOCTYPE html>
<html>
    <head>
        <script src="myjs.js">
        </script>
    </head>
    <body>
    <!--这里是HTML的主体部分-->
    </body>
</html>

注意：这里src属性的值JavaScript文件的路径名，而不是文件名！这里因为是在同一个目录下，所以路径名同文件名。

尾迹双冒号

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript基础介绍

文章目录1.**JavaScript语言简介**2.JavaScript与HTML1.JavaScript语言简介JavaScript诞生于1995年。在那个时代用户提交一个表单需要获取服务器端的反馈，这个时间大概十几秒，如果能在客户端完成一些基本的验证绝对是很大的进步。当时如日中天的Netscape公司，决定着手开发一种客户端语言解决简单的表单验证。就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。Netscape与Sun公司成立
复制链接

扫一扫