美文网首页JavaScript
JavaScript学习笔记(介绍及Hello world)

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

作者: moonfish1994 | 来源:发表于2019-12-06 10:39 被阅读0次

    (最近刚来到简书平台,以前在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的学习了。

    相关文章

      网友评论

        本文标题:JavaScript学习笔记(介绍及Hello world)

        本文链接:https://www.haomeiwen.com/subject/vypdgctx.html