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

作为JavaScript学习笔记的开篇,自然又是胡扯一通,对其进行一个大概的介绍。

JavaScript是一门脚本语言,它通过提供动态的、个性化的交互式内容,来增强静态Web应用程序的功能。

JavaScript是一种解释性语言,而非一种编译性语言。它需要通过解释器的装换才能使得计算机识别。解释性语言每次运行时都需要进行解释,翻译性语言则只需要一次编译,只后就可以直接使用。解释性语言有PHP,Ruby等,编译性语言则有c#、java等。

说到java,我最先接触的java,后来才听说由JavaScript,但是一直以为JavaScript的进阶版,类似于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>

效果图如下:

虽然JavaScript可以被不同的浏览器所识别,但不同的浏览器对其的支持程度也不尽相同,所以开发过程中,一定要注意兼容性问题。

 好了,这就当做JavaScript的开篇吧,后面的篇幅便将正式开始对JavaScript的学习了。

 

 

posted @ 2017-07-17 16:15  moonfish  阅读(171)  评论(0编辑  收藏  举报