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文件。
JavaScript: JavaScript的简介和入门代码演示的更多相关文章
- Cocos2d-x使用Javascript开发js绑定C++<代码演示样例>
class IOSiAPDelegate{ public: virtual ~IOSiAPDelegate() {} }; class IOSAlipay{ public: IOSAlipay(); ...
- Python学习之路1☞简介及入门代码
在学习之前,首先了解一下python的前世今生 一.python简介与发展: python 是一种面向对象的解释性计算机程序设计语言. python由荷兰人Guido van Rossum 于1989 ...
- javascript 压缩空格代码演示
压缩空格代码演示 主要是讲解 压缩一个字符串两段空格 例如:javascript函数里的空格不论是这样 var s = "Hello World ...
- 转：JavaScript事件冒泡简介及应用
(本文转载自别处) JavaScript事件冒泡简介及应用 一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理 ...
- Javascript Proxy对象 简介
Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...
- 【JAVA系列】使用JavaScript实现网站访问次数统计代码
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[JAVA系列]使用JavaScript实现网站 ...
- 代码演示C#各版本新功能
代码演示C#各版本新功能 C#各版本新功能其实都能在官网搜到,但很少有人整理在一起,并通过非常简短的代码将每个新特性演示出来. 代码演示C#各版本新功能 C# 2.0版 - 2005 泛型 分部类型 ...
- python3-day1-python简介及入门
python简介及入门 python简介 Python的创始人为Guido van Rossum.1989年圣诞节期间,在阿姆斯特丹,Guido为了打发圣诞节的无趣,决心开发一个新的脚本解释程序,做为 ...
- Linux内核学习笔记-1.简介和入门
原创文章,转载请注明:Linux内核学习笔记-1.简介和入门 By Lucio.Yang 部分内容来自:Linux Kernel Development(Third Edition),Robert L ...
随机推荐
- java操作FTP，实现文件上传下载删除操作
上传文件到FTP服务器: /** * Description: 向FTP服务器上传文件 * @param url FTP服务器hostname * @param port FTP服务器端口,如果默认端 ...
- 使用RBTool自动提交code review请求
使用RBTool自动提交code review请求 前言 让我们回想一下手工提交review请求的过程: 首先得用 svn diff > filename.diff 生成diff文件. 然后输入 ...
- [转载]CString类常用方法----Left(),Mid(),Right()……
CStringLeft(intnCount)const; //从左边1开始获取前 nCount个字符 CStringMid(intnFirst)const; //从左边第 nCount+1个字符开始, ...
- [转]如何在 Visual Studio 中使用 Git 同步代码到 CodePlex
本文转自:http://www.cnblogs.com/stg609/p/3673782.html 开源社区不管在国内还是国外都很火热,微软也曾因为没有开源而倍受指责,但是随着 .Net framew ...
- 用Get-ADComputer取非常用属性的值
由于GE使用的是Windows2003+Powershell2.0, 所以某些命令无法使用,比如想取lastLogon和lastLogonTimestamp这两个属性,在Powershell3.0下可 ...
- OC中属性及方法
1.声明式属性 a.实例变量 b.声明属性 自动生成setter/getter方法 .h ->@property 属性类型 属性名; .m ...
- HDU 3555 数位dp入门
开始想用dp[i][j]来记录第i位j开头含有49的数的个数 但是init后并不知道如何进行cal 想了想可以用不要62的思想 当作不要49来做 然后减一下 就好 看网上的代码 不要62和这道题用的d ...
- 常用Ubuntu 命令
sudo apt-get updatesudo apt-get upgrade以下2選1sudo apt-get install ubuntu-desktop如果你只想安装必要的桌面管理软件而不想安装 ...
- IT运维的五大基础知识
IT运维的五大基础知识 | 浏览:331 | 更新:2014-09-25 11:36 IT运维对于很多企业都很重要,接下来运维的一些基础知识天天客服IT运维总监龙少文,就给大家介绍下IT运维的基础知识 ...
- HTML: Css初始化
相同的元素, 如ul>li,body等元素在不同的瀏覽器下被渲染的效果不同(各個瀏覽器對這些元素的border,margin,padding,font-size等等的初始值不同), 要讓他們表現 ...