您的位置：首页 > Web前端 > JavaScript

HTML、javascript简介【02】_简单javascript介绍

2013-01-04 15:01 555 查看

对于javaweb，无论是基于jsp、.NET还是asp的开发，都毫无疑问的用到了ＨＴＭＬ，

HTML是前台页面开发的主要出力着，但是ＨＴＭＬ并不是完美的，我们所说的javascript可以说就是补足了ＨＴＭＬ的不完美之处，HTML有了javascript的应用，可以说是如虎添翼。

javascript简介

一提javascript，相信有好多的同学都存在一个误区。就是javascript和java是什么关系？不知道有没有同学了解当年Oak争夺GREEN项目，有兴趣的同学可以搜一下，javascript和java是两个八竿子打不着的事情，javascript开发出来后，当时java已经风靡世界，俗话说的好啊，大树底下好乘凉，javascript就借用了java的名字起名叫javascript，希望人们在学习java的同时能够顺带着看看javascript。

什么是javascript？

javascript（java脚本）是一种基于对象（object）和事件驱动(Event Driven)并具有安全性能的脚本语言，是由Netscape公司的LiveScript

发展而来的，使用javascript可以轻松的实现和HTML的互操作，并且完成丰富的页面交互效果，它是通过嵌入或调入在标准的HTML语言中实现

的，它的出现弥补了HTML语言的缺陷，它是java与HTML折衷的选择

基于对象：指的是在程序的内部已经为用户提供好了若干个对象，用户直接使用这些对象即可，而java属于面向对象的语言，那么所谓的面向对象就是指类需要用户自己定义，对象需要由用户自己产生
javascript的简单应用

如果现在想要在HTML中语言中使用javascript，只需要编写script元素即可

<html>
<head>
<title> New Document </title>
<script language="javascript">
alert("Hello world!!");            //输出语句
alert("Hello binzhouxueyuan!");
</script>
</head>
<body>
</body>
</html>

javascript代码包含在标签<script></script>插入到HTML中的<head></head>之中，如上图是执行结果，是一个提示框的形式

在一个HTML文件中也可以同时编写多个script元素

<html>
<head>
<title> New Document </title>
<script language="javascript">
alert("Hello world!!");
alert("Hello binzhouxueyuan!");
</script>
</head>
<body>
<script language="javascript">
alert("Hello world!!");
alert("Hello binzhouxueyuan!");
</script>
</body>
</html>

Javascript的所有的代码都是采用顺序的方式执行的
如果现在不希望弹出警告框输出，而是希望可以在页面上输出也是可以的，将输出alert改成标准输出document.write()即可

<html>
<head>
<title> New Document </title>
<script language="javascript">
document.write("<h1>Hello World</h2>");
document.write("<h5>Hello mldn</h5>");
</script>
</head>
<body>
</body>
</html>

运行结果：

可以发现所有的HTML元素可以直接使用javascript进行输出
但是，此时的所有的代码都是在一个HTML文件中编写，那么如果此时编写的javascript代码过长的话，则肯定非常的麻烦，一般在开发中都会使用一个*js的文件保存所有的javascript代码，用的时候直接导入即可。

这是一个hello.js
alert("Hello World!!");

<html>
<head>
<title> New Document </title>
<script language="javascript"
src="hello.js"> // 在这个地方导入上面定义的'hello.js文件"，这样可以输出“Hello World!!”

</script>
</head>
<body>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript简介

相关文章推荐

新的分享

章节导航