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