JavaScript

JavaScript学习笔记(介绍及Hello world)

2019-12-06  本文已影响0人  moonfish1994

(最近刚来到简书平台,以前在CSDN上写的一些东西,也在逐渐的移到这儿来,有些篇幅是很早的时候写下的,因此可能会看到一些内容杂乱的文章,对此深感抱歉,以下为正文)


引子

作为JavaScript学习笔记的开篇,自然避免不了一些概念性知识的记录,下面将先针对JavaScript本身进行一些概念性的介绍。
JavaScript本身是一门脚本语言,它通过提供动态的、个性化的交互式内容,来增强静态Web应用程序的功能。
JavaScript同样也是一种解释性语言,而非一种编译性语言。它需要通过解释器的转换才能够被计算机所识别。解释性语言每次运行时都需要解释器进行解释,翻译性语言则只需要一次编译,编译之后就可以直接使用。常见的解释性语言有PHP,Ruby等,编译性语言则有c#、java等。
说到java,笔者最先接触的编程语言便是java,后来才接触到JavaScript,最开始一直以为JavaScript和Java是有一定联系的,类似于c,c++的那种感觉,后来才知道两者之间毫无关系。
JavaScript语言最早出现在Netscape Navigator2浏览器中。当时叫做LiveScript,随着java的广泛应用,因此该名为JavaScript,以吸引更多人的眼球。随着JavaScript的广泛应用,微软也在IE浏览器中加入自己品牌的JavaScript,即JScript。
JavaScript的主要功能就是与用户进行交互,早期JavaScript主要用于对用户的输入进行验证以及增强。随着技术的不断进步,如今JavaScript已经可以完成更多的任务,乃至于直接开发成应用程序。
初期学习JavaScript的工具十分简单,只需要一个文本编辑器(我用的editplus)和Web浏览器(我用的firefox_)即可。

在网页中加入JavaScript代码十分简单,只需要使用<script>标签进行包裹即可。如:

<script>
alert("hello world !!");
</script>

JavaScript可以直接写在html文件中,也可以使用外部链接的方式,插入至html文件中。使用外部链接,可以提高代码的重用性,在真正的项目开发中,更多的是使用这种方法。将JavaScript代码写在扩展名为.js的文件中,然后再html文件中引用。
假设我有一个test.js文件,那么引用格式如下:

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

切记,在这种引用外部文件的<script>标签中,不可以添加任何的东西,否则代码失效。

下面就以一个完整的Hello World的例子来作为示例吧。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Hello world</title>
    </head>
    <body bgcolor = "yellow">
        <p>Hello world!!!</p>
        <script>
            document.bgColor = "green";
        </script>
    </body>
</html>

效果图如下图所示


JSDemo

虽然JavaScript可以被不同的浏览器所识别,但不同的浏览器对其的支持程度也不尽相同,所以开发过程中,一定要注意兼容性问题。
好了,这就当做JavaScript的开篇吧,后面的篇幅便将正式开始对JavaScript的学习了。

上一篇下一篇

猜你喜欢

热点阅读