认识JavaScript
在阅读本章节之前,默认已经了解了html语言,本小节通过以下四个小节来展开叙述:
- JavaScript概述
- JavaScript的大致工作原理
- JavaScript的特点
- JavaScript代码的引入方式
JavaScript概述
- JavaScript常用于web开发领域。
- 主要用于开发交互式web页面,把一个原本只用来显示的页面转变成支持用户交互的页面程序。
JavaScript的简单工作原理
JavaScript代码运行于浏览器中,浏览器能够运行的是后缀名为.html的文件。我们的JavaScript代码运行在浏览器中,下面的这张图片简要的说明了这一大致原理。至于如何将JavaScript代码放在.html文件中在本文最后一小节中会有讲解。
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的文本文件。它们的关系如下图所示
以上便是这节课的所有内容,如果对你有所帮助。请不要忘了点赞加评论哟。