1.1.javascript简介(引用百度百科解释)
JavaScript一种 直译式 脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的 解释器被称为JavaScript引擎,为 浏览器的一部分,广泛用于 客户端的脚本语言,最早是在 HTML( 标准通用标记语言下的一个应用)网页上使用,用来给 HTML网页增加动态功能。
在1995年时,由 Netscape公司的 Brendan Eich,在 网景导航者浏览器上首次设计实现而成。因为 Netscape与 Sun合作, Netscape管理层希望它外观看起来像 Java,因此取名为JavaScript。但实际上它的语法风格与 Self及 Scheme较为接近。[1]
为了取得技术优势, 微软推出了 JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript 兼容于ECMA标准,因此也称为 ECMAScript。
1.2.javascrip特点
-安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互。
-跨平台性。(只要是可以解释Js的浏览器都可以执行,和平台无关。)
1.3.javascript和java的区别
-JS是Netscape公司的产品,Java是Sun公司的产品
-JS是基于对象,Java是面向对象。
-JS只需解释就可以执行,Java需要先编译成字节码文件,再执行。
-JS是弱类型,Java是强类型。
1.4.javascript学习内容
-javascript语法基础
-使用JS操作网页(DOM)
-使用JS操作浏览器(BOM)
2.JAVASCRIPT基础
2.1.基本语法
2.1.1.引入方式和引入位置
向HTML页面插入JavaScript的主要方法,就是使用<script元素>。
使用<script>元素的方式有两种:直接在HTML页面中嵌入JavaScript代码和包含外部的JavaScript文件。
-JS代码存放在标签对<script>...</script>中。
内部
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在HTML中使用JavaScript</title>
</head>
<body>
<h1>在页面中嵌入JavaScript</h1>
<script type="text/javascript">
window.document.write("hello,world");
</script>
</body>
</html>
<script>标签的位置
关于<script>标签的位置,<script>应该放在页面的<head>元素中。
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在HTML中使用JavaScript</title>
<script type="text/javascript" >
window.document.write("世界你好!!!");
</script>
</head>
<body>
<h1>将JavaScrip标签放在head上</h1>
</body>
</html>
注意:
1、 页面上可以有多个<script>标签
2、<script>标签按顺序执行
3、<script>标签可以出现在任意的页面位置
4、<script>标签一定要写</script>关闭,而不能<script/>这样关闭。否则没有任何错误信息,但是没有运行结果。
外部
-使用script标签的src属性引入一个js文件。(方便后期维护,扩展)
例:
<script src=”test.js” type=”text/javascript”></script>
注:规范中script标签中必须加入type属性
2.1.2. 区分大小写
与 Java 一样,变量、函数名、运算符以及其他一切东西都是区分大小写的。
比如:
变量 test 与变量 TEST 是不同的。
2.1.3. 注释
Java: // /* */ /** */
HTML: <!-- -->
CSS: /* */
JavaScript:
ECMAScript注释与 Java语言的注释相同
ECMAScript 借用了这些语言的注释语法。
有两种类型的注释:
单行注释以双斜杠开头(//)
多行注释以单斜杠和星号开头(/*),以星号和单斜杠结尾(*/)
2.2. 常用函数
window.alert() 或写为 alert() :显示一个提示框显示内容。
window.document.write() :在网页的当前位置处写内容。
2.3. 变量
变量是弱类型的
与 Java不同,ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。
因此,可以随时改变变量所存数据的类型(尽量避免这样做)。
例子
var color = "red";
var num = 25;
var visible = true;
ECMAScript 中的变量是用 var 运算符(variable 的缩写)加变量名定义的。例如:
var test = "hi";
在这个例子中,声明了变量 test,并把它的值初始化为 "hi"(字符串)。
每个变量仅仅是一个用于保存值的占位符而已。定义变量时要使用var操作符(var是关键字),后跟变量名
var message;
这行代码定义了一个名为message的变量,该变量可以用来保存任何值,也可以直接初始化变量。
var message ="hi";
ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。
<script type="text/javascript" >
//定义变量
var color = "red";
var num = 25;
var visible = true;
</script>
同时,可以随时改变变量所存数据的类型(尽量避免这样做)。
<script type="text/javascript" >
//定义变量
var message = "hello";
message = 100;
alert(message);
</script>
该案例中变量message一开始保存了一个字符串值"hi" 然后又被一个数值100取代。这在ECMAScript是有效的,但是不建议这样使用。
使用细节:
1、 var关键字在定义变量的时候可以省略不写
2、 变量名可以重复,后面的将覆盖前面的变量
3、 变量的类型取决于值的类型
一条语句定义多个变量。
中间使用豆号隔开即可,可初始化,也可以不初始化。
<script type="text/javascript" >
var name = "jack",
age = 28,
gender = "男";
</script>
JavaScript代码块及其代码块变量作用域
<script type="text/javascript" >
//代码块 (Java)对代码进行封装 隔离变量的作用域
{
var a = 100;
document.write(a + "</br>");
} {
document.write(a + "</br>");
//JavaScript不会隔离变量作用域
}
</script>