JavaScript: JavaScript的简介和入门代码演示

1.Javascript的发展历史介绍:

  javascript是指的实在网页上编写的编程语言,其主要是控制器html的动态显示效果。HTMl能带来的只是一些基本的页面的风格,而要展示的漂亮使用CSS,但是依然发现整个代码都是固化的。

  javascript的前身是LiveScript,是由网景公司开发的。之所以改名为javascript,是因为当前Java语言的使用非常流行。所谓大树下好乘凉,那么网景公司将其以Java开头。唯一的好处就是,  javascript使用的是标准的编程习惯语言(C、C++、Java、C#)。实际上javascript属于ECMAScript标准。

  但是javascript得发展并不是一帆风顺的,javascript的技术必须是基于浏览器的开发,就是说不同的浏览器版本会有不同的javascript版本的支持。有时这个时候微软很牛X的说了,以后开发中,不要用javascript,这个存在很大的兼容性问题,另外推荐一门优秀的脚本语言:VBScript。结果5年后,VBScript基本消失了.....

  在继续往后,javascript的发展开始超过了设计者本人的预期,设计的技术和业务太大,开发起来很不方便。

  后来由于改良的设计,出现了一个Node.js的编程开发。这个编程开发使用的是javascript作为服务器端编程。

2.编写第一个javascript程序

    javascript是嵌入在HTML代码之中的,可以直接使用<script>元素进行语句的编写。

范例1:直接在HTML中嵌入开发,hello.html文件

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="description" content=hello.html"">
        <meta name="keywords" content="hello,html,js">
        <title>javascript的程序开发</title>
        <script type="text/javascript">
            window.alert("helo world!");
            document.write("<h1>helo world!</h1>");//类似于system.out.println(),表示在页面输出
        </script>
    </head>
    <body>
    </body>
</html>

   通过以上代码可以发现,javascript可以放在HTML中的任意位置编写,一般情况都会在其调用前编写。那么同时,有一个最为关键性的问题,javascript可以控制器HTML的元素的输出。

  以上是在HTML文件里面定义了javascript代码,但是此时会出现一个问题:在一般的项目开发当中,javascript开发的代码是非常多的。所以如果将javascript代码直接在HTML文件里面编写,那么就会造成新的问题,页面太长了。基于此,单独建立一个js文件,将所有的javascript代码全部保存在此文件中,其实跟使用CSS代码是一样的方式。

范例2:在js目录中建立一个hello.js文件

hello.js :在此文件中只保留有JS

window.alert("helo world!");
document.write("<h1>helo world!</h1>");//类似于system.out.println(),表示在页面输出

hello.html:在此文件中导入js文件中的代码

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="description" content=hello.html"">
        <meta name="keywords" content="hello,html,js">
        <title>javascript的程序开发</title>
        <script type="text/javascript" src=“js/hello.js”></script>
    </head>
    <body>
    </body>
</html>

  以后编写,一定要将JS代码与HTML代码分割,而且一个HTML文件中可以同时导入多个JS文件。

演示下过截图如下:

 

3.总结:

  <1>javascript可以出现在HTML文件的任意位置,一般建议放在<head>元素之中。

  <2>如果做前端页面的开发,除了要掌握设计技术之外,还需要注意每一个HTML文件有一个或者多个处理的JS文件。

 

 

posted @ 2016-08-30 11:06  XYQ全哥  阅读(417)  评论(0编辑  收藏  举报