JavaScript教程之认识JavaScript

126 阅读2分钟

认识JavaScript

在阅读本章节之前,默认已经了解了html语言,本小节通过以下四个小节来展开叙述:

  • JavaScript概述
  • JavaScript的大致工作原理
  • JavaScript的特点
  • JavaScript代码的引入方式

JavaScript概述

  • JavaScript常用于web开发领域。
  • 主要用于开发交互式web页面,把一个原本只用来显示的页面转变成支持用户交互的页面程序。

JavaScript的简单工作原理

JavaScript代码运行于浏览器中,浏览器能够运行的是后缀名为.html的文件。我们的JavaScript代码运行在浏览器中,下面的这张图片简要的说明了这一大致原理。至于如何将JavaScript代码放在.html文件中在本文最后一小节中会有讲解。

pic_1.png

JavaScript的特点

下面有些专业名词也许晦涩难懂,但初学阶段无需过多理解。只需记忆即可!

  • JavaScript是一种是种脚本编程语言
  • JavaScript可跨平台
  • JavaScript支持面向对象

引入JavaScript代码引入的3种方式

有行内式、内嵌式、外部式。

行内式:

是将少量的JavaScript代码写入标签中,以on开头的属性。举个例子,如下所示:

<body> 
   <input type="botton" value="点我" onclick="alert('行内式')">
</body>

上面的代码片段中名为onclick的属性,其属性值就是JavaScript代码。这种引入JavaScript的方式就是行内式

嵌入式:

是指JavaScript代码用script标签包裹。举个例子,如下所示:

<body>
    <script>
        alert('嵌入式');
    </script>
</body>

这种方式也是平时练习JavaScript语法常用的写法。

外部式

外部式是指将JavaScript代码写在一个单独的文件中,JavaScript文件是一个后缀名为.js的文本文件。在HTML代码中使用

<head>
    <script src="test.js"></script>
</head>

上述代码共包含两个文件,一个是html文件 另一个是个后缀名为.js的文本文件。它们的关系如下图所示

pic_2.png

以上便是这节课的所有内容,如果对你有所帮助。请不要忘了点赞加评论哟。