【JavaScript】（1）JavaScript语法简单概述及其使用方式

本文介绍了JavaScript的历史背景，包括其与Netscape和Sun Java的关系，以及微软的JScript。探讨了JavaScript作为客户端脚本语言的特点，如交互性、安全性和跨平台性，并对比了它与Java的区别。此外，还详细说明了JavaScript与HTML结合的不同方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 的历史故事

1.JavaScript语言与名称的由来（Netscape，Sun Java）
2.微软的Explorer和JScript

JavaScript 概述

JavaScript是基于对象和事件驱动的脚本语言，主要应用在客户端。

特点：
1.交互性（它可以做的就是信息的动态交互）
2.安全性（不允许直接访问本地硬盘）
3.跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关）

JavaScript与Java不同

★1：JS是Netscape公司的产品，前身是LiveScript;Java是Sun公司的产品，现在是Oracle公司的产品。
★2：JS是基于对象，Java是面向对象。
★3：JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。
★4：JS是弱类型，Java是强类型。

JavaScript与Html的结合方式

想要将其他代码融入到Html中，都是以标签的形式。

★1：JS代码存放在标签对中。

★2：当有多个html页面使用到相同的JS脚本时，可以将js代码封装到一个文件中，只要在script标签的src属性引入一个js文件。（方便后期维护，扩展）
注意：如果在script标签中定义了src属性，那么标签中的内容不会被执行。

例：<script src=”test.js” type=”text/javascript”></script>

注：规范中script标签早期有一个属性language,而现在使用type属性。

方式1：

<!-- 方式1：直接在script标签中写js代码 -->
<script type="text/javascript">
    var a=10;
    alert(a );
</script>

方式2：

<!-- 方式2：导入外部文件，在script标签中利用src属性指定外部js文件的位置及文件名-->
<script type="text/javascript" src="js/1.js"></script>

1.js文件：
var x=100;
x+=100;
x++;
alert("x="+x);

方式3：

<!-- 方式3：混合方式(既有脚本片段又有导入)----要分成多个script标签来写，每个标签采用一种(写脚本片段或者导入)，不允许一个片段中有两种。 -->

<script type="text/javascript" src="js/2.js"></script>
    <script type="text/javascript">
        var str="abc";
        alert(str+" 获得1.js中的y: y="+ y );
    </script>

<!-- 
注意：
(1)每一个标签只能导入一个js文件 
(2)无论采用什么方式，多个script标签中js代码的变量是共用的,
   同一个页面中的多个script标签中的脚本是属于同一个源程序，
   相互间变量和函数等是共享的！
-->