一、Javascript的介绍及其功能
JavaScript是一种专为与网页交互而设计的客户端脚本语言,最初是为了实现表单验证。
JavaScript能完成的功能:
- 用户交互(表单验证)
- 网页特效(漂浮的广告)
- 用户记住账户名密码
- 网页游戏
二、Javascript的组成
Javascript
ECMAScript
BOM
DOM
- ECMAScript:是一种Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广
泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展。 - BOM:Browse Object Model,提供与浏览器交互的方法和接口。(整个浏览器)
- DOM:Document Object Model,提供访问和操作网页内容的方法和接口。(document文档 (整个文档):从
<html>
开始到</html>
)
三、Javascript的简单用法
1. Javascript标签
注意:
1、type = “text/ javascript” 说明当前script标签中文本的类型。
2、所有的JS代码都必须写在script标签里。
3、为了语法规范,script标签写在head标签中。
4、可以引入多个script标签,多个script标签之间,顺序执行。
5、js代码可以外部引入。
6、如果当前script标签作用引入外部文件,这个script标签中, 就不能再写代码了。
2. JavaScript和HTML的执行顺序
Javascript和HTML代码在同一个 文件中写,它们的执行顺序是从上朝下,谁在前先执行谁,一般来说,没有特殊需求,Javascript代码写 在<head>
与</head>
中间,当然Javascript代码写在html文件的任何地方都可以。Javascript标签可以出现多个。
3. javaScript注释
- 单行注释
//
快捷键:ctrl+/ - 多行注释
/**/
快捷键:ctrl+shift+/
4. JavaScript文件引入方式
<script type="textjavascript" src="demo1.is" ></script>
注意:
1、不可以使用单标<script type="text/javascript" src="demo1.js"/>
2、不可以在标签中写代码
<script src="demo1.js">alert('xxx');</script>
5. <script>
标签的属性
language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
src:表示要引入的外部文件。
type:表示脚本语言的类型。
注意:
text/javascript表示说明这一段脚 本语言是JavaScript,告诉浏览器这一段要按照JavaScript来解释执行。