zoukankan      html  css  js  c++  java
  • 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文件。

     

  • 相关阅读:
    Linux多线程Pthread学习小结
    TCP三次握手/四次挥手
    内存管理内幕
    Delphi 中分发设计时包
    一个小的算法问题解决
    写了一个验证数字范围的正则表达式
    用 XML 文件持久化和恢复图片信息
    string.Empty 和 "" 并不总是可以互换的
    博客园用的 FreeTextBox 有 bug
    乱花渐欲迷人眼。。。
  • 原文地址:https://www.cnblogs.com/XYQ-208910/p/5821179.html
Copyright © 2011-2022 走看看