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文件。

JavaScript: JavaScript的简介和入门代码演示的更多相关文章

  1. Cocos2d-x使用Javascript开发js绑定C++&lt;代码演示样例&gt;

    class IOSiAPDelegate{ public: virtual ~IOSiAPDelegate() {} }; class IOSAlipay{ public: IOSAlipay(); ...

  2. Python学习之路1☞简介及入门代码

    在学习之前,首先了解一下python的前世今生 一.python简介与发展: python 是一种面向对象的解释性计算机程序设计语言. python由荷兰人Guido van Rossum 于1989 ...

  3. javascript 压缩空格代码演示

          压缩空格代码演示 主要是讲解 压缩一个字符串两段空格          例如:javascript函数里的空格不论是这样     var s = "Hello World     ...

  4. 转：JavaScript事件冒泡简介及应用

    (本文转载自别处) JavaScript事件冒泡简介及应用   一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理 ...

  5. Javascript Proxy对象 简介

    Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...

  6. 【JAVA系列】使用JavaScript实现网站访问次数统计代码

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[JAVA系列]使用JavaScript实现网站 ...

  7. 代码演示C#各版本新功能

    代码演示C#各版本新功能 C#各版本新功能其实都能在官网搜到,但很少有人整理在一起,并通过非常简短的代码将每个新特性演示出来. 代码演示C#各版本新功能 C# 2.0版 - 2005 泛型 分部类型 ...

  8. python3-day1-python简介及入门

    python简介及入门 python简介 Python的创始人为Guido van Rossum.1989年圣诞节期间,在阿姆斯特丹,Guido为了打发圣诞节的无趣,决心开发一个新的脚本解释程序,做为 ...

  9. Linux内核学习笔记-1.简介和入门

    原创文章,转载请注明:Linux内核学习笔记-1.简介和入门 By Lucio.Yang 部分内容来自:Linux Kernel Development(Third Edition),Robert L ...

随机推荐

  1. JavaScript事件大全

    click() 对象.click() 使对象被点击. closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 ...

  2. C++ Ouput Exactly 2 Digits After Decimal Point 小数点后保留三位数字

    在C++编程中,有时候要求我们把数据保留小数点后几位,或是保留多少位有效数字等等,那么就要用到setiosflags和setprecision函数,记得要包含头文件#include <ioman ...

  3. obout editor Absolute path for uploaded image

    本文转自:https://www.obout.com/editor_new/KnowledgeBase.aspx?id=706   Absolute path for uploaded image Q ...

  4. 按月将Windows日志导出至CSV文件

    # 这个月的第一天 #..........................................到这里之前是取当年第一天 #(Get-Date 0).AddYears((Get-Date). ...

  5. 对于flat_interface与public_interface的理解

    对于这两个interface含义的理解一波三折,下面我把各种理解都记录下来.   2014-9-23   #可以把flat_interface理解为Openstack整套生态系统内部的网络接口,内部各 ...

  6. hdu1078 记忆化搜索

    /* hdu 1078 QAQ记忆化搜索 其实还是搜索..因为里面开了一个数组这样可以省时间 (dp[x][y]大于0就不用算了直接返回值) */ #include<stdio.h> #i ...

  7. Web交互设计优化的简易check list

    Web交互设计优化的简易check list 00 | 时间: 2011-02-11 | 28,842 Views 交互设计, 用户研究   “优化已有产品的体验”,这是用户体验相关岗位职责中常见的描 ...

  8. 设计模式学习系列9 外观模式Facade

    1.概述 自己卖了一辆越野自行车,但毕竟不是自己定制的,买回来之后可能需要更改一下脚蹬,座皮,里程计数器或者刹车系统,假如将自行车看做一个整体系统,对我们而言使用的是自行车,然后我们对自己车构件的修改 ...

  9. Eclipse中用User Library管理jar包

    目的:为了更方便的管理jar包,而不是一股脑儿的将引用的jar包全部放在Web App Library下. 管理和配置: 第一步:管理 新建Library并引入项目中 右键项目->Build P ...

  10. Java中只有按值传递，没有按引用传递！

      今天,我在一本面试书上看到了关于java的一个参数传递的问题: 写道 java中对象作为参数传递给一个方法,到底是值传递,还是引用传递? 我毫无疑问的回答:“引用传递!”,并且还觉得自己对java ...