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. Huffman

    huffman是非常基础的压缩算法. 实现霍夫曼树的方式有很多种,可以使用优先队列(Priority Queue)简单达成这个过程,给与权重较低的符号较高的优先级(Priority),算法如下: ⒈把 ...

  2. IIS权限设置

    Check in the IIS Manager to see what authentication type is enabled on the directories that are part ...

  3. 9. Add the Block Storage service

    Block Storage Server: 1. sudo apt-get install python-mysqldb   2. sudo apt-get install lvm2   3. 创建存 ...

  4. tomcat从下载到使用

    话说,某天正在和周公聊天下大事.被急促的电话铃声召唤回来,所谓江湖救急,于是远程一看.竟然是需要使用tomcat(汤姆家的猫),于是... 下面关于下载和配置tomcat的过程. ①.使用tomcat ...

  5. git 远程仓库ssh方式

    用ssh-keygen生成公匙和私钥 d:\c\learnc>ssh-keygen Generating public/private rsa key pair. Enter file in w ...

  6. flowvisor test(1)

    参考: Flowvisor 入门 杨帅老师:mininet+FlowVisor+ODL环境搭建及实验1 安装: 参考: 1.Flowvisor安装 2.Mininet安装 3.官网,Floodligh ...

  7. 详解linux运维工程师入门级必备技能

    详解linux运维工程师入门级必备技能 | 浏览:659 | 更新:2013-12-24 23:23 | 标签:linux it自动化运维就是要很方便的运用各种工具进行管理维护,有效的实施服务器保护 ...

  8. unity中Debug输出控制

    1 需求: (1)选择在界面.console中输出,并且能够设置保存到文档 (2)控制debug是否输出,可以在debug模式下输出,release模式下不输出 2 参考: 谢谢雨松同学的博客:htt ...

  9. XML解析器(转)

    常见C/C++ XML解析器有tinyxml.XERCES.squashxml.xmlite.pugxml.libxml等等,这些解析器有些是支持多语言的,有些只是单纯C/C++的.如果你是第一次接触 ...

  10. Sandbox 文件存放规则

    文档1, document2,  document3 一.文件路径介绍 <Application_Home>/AppName.app : 1) This is the bundle dir ...