JavaScript概述-第1章-优快云博客

本文介绍了前端开发技术JavaScript，包括其发展历程、特点、组成及作用。它是基于对象和事件驱动的脚本语言，可实现网页动态交互。还提及了嵌入方式、常用语句，最后对比了JavaScript和Java在基于对象、解释编译、变量类型等方面的区别。

发展

由布兰登·艾奇（Brendan Eich）发明
于1995年出现在Netscape

Netscape与SUN合作，将LiveScript改为JavaScript，成为强力的WEB页开发工具。

是一种基于对象和事件驱动的脚本语言。

使用它的目的是与HTML（超文本标记语言）一起实现网页中的动态交互功能。

JavaScript使网页变得更加生动。

脚本功能强大

实现功能强大

可视性、动态性和交互性于一体的HTML网页

特点

JavaScript是一种基于对象和事件驱动的客户端脚本语言其主要特点：

基于对象：运用自己创建的对象
事件驱动：采用事件驱动并执行指定的操作
解释性语言：无须专门的编译器进行编译
简单性：变量类型采用弱类型
安全性：实现信息浏览或动态交互，对数据的操作是安全的
动态性：直接对用户或客户的输入做出响应
跨平台性：与操作环境无关

JavaScript的组成

定义了脚本语言的所有属性、方法和对象

浏览器对象模型BOM

文档对象模型DOM

Document Object Model（文档对象模型）

脚本执行原理

嵌入JavaScript语言

<script language="javascript" type="text/javascript">
	document.write("欢迎来到JavaScript世界！");
</script>
复制代码

脚本编辑器

记事本
EditPlus
UltraEdit
Dreamweaver
FrontPage
Visual Studio等

将JavaScript脚本代码嵌入到HTML文档中

<script language="javascript" type="text/javascript">
	document.write("欢迎来到JavaScript世界！");
</script>
复制代码

<script language="javascript" src="javascript.js"></script>
复制代码

<input type="button" name="mybtn" value="伪URL引入" onclick="javascript:alert('鼠标单击！')"> 
复制代码

<script language="javascript" type="text/javascript">
function clickme()
{
	alert("鼠标单击！");
}
</script>

<form name="myform">
   <input type="button" name="mybtn" value="按钮" onclick="clickme()">
</form>
复制代码

脚本代码的位置

在标记对之间放置在标记对之间放置

常用语句

警告对话框alert( )
提示对话框prompt(“提示信息”,”输入框的默认信息”);

输出document.write(“输出内容” )；

<script type="text/javascript">
document.write("<h1>个人信息</h1>");
document.write("<h3>班级：1024<br/>学号：123456<br/>姓名：1234<br/>性别：女<br/>爱好：跳舞、爬山</h3>");
</script>
复制代码