- Javascript 是什么?、
-
- Javascript 是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。
- Javascript 是嵌入到浏览器软件当中去的,只要你的电脑有浏览器就可以执行JS程序了。
- Javascript 是一种面向对象的程序语言。
-
- 程序中,对象是由“属性”和“方法”构成。
- 注意:JS中的对象只要会用就可以了,不需要我们自己去开发对象。
- 跨平台:JS程序可以在多种平台下运行,如:windows、linux、mac、iOS等
- 客户端脚本程序:JS只能在客户端的浏览器来运行,不能在服务器端运行。
- 浏览器是一个翻译器,可以翻译三种代码:HTML代码、CSS代码、Javascript代码。
- Javascript 能干什么?
-
- 表单验证:JS最基本的功能。
- 动态HTML:可以实现一些动态的、重复的效果。
- 交互式:人机交互,通过键盘或鼠标,与网页中的元素进行交互。
- Javascript名称的由来?
-
- Javascript 最初叫“livescript”,是网景公司(netscape)公司开发,为自己的浏览器navigator2.0开的客户端语言。
- 想借助java的名气很快成长起来,因此改名为Javascript。
- Javascript和Java是两个公司的两个“东西”
- <script></script>标记
-
- JS代码也是嵌入到HTML文档中去的。
- 同一个网页中,可以有HTML代码、CSS代码、Javascript代码。
- 通过<script></script>
<script type="text/javascript">
// 在<body>中输出一句话
document.write("我是被提出来的!");
</script>
- 常用的两个客户端输出方法
-
- document.write(str)
-
- 描述:在网页的<body>标记,输出str的内容。
- document意识“文档”,就是整个网页了。
- document是一个文档对象,代表整个网页。
- write()是document对象的一个输出方法。
- “."小数点:通过小数点来(.)来调用对象的方法。
- str:表示要输出的内容。
<script type="text/javascript">
document.write("我是被提出来的!");
document.write("<h1>第38期PHP基础班</h1>");
document.write("<p style='color:red;'>我是段落</p>")
</script>
-
- window.alert(str);
-
- 描述:在当前窗口中弹出一个警告对话框,str为对话框中显示的内容。
- window代表当前浏览器窗口,window是一个窗口对象。
- alert()方法:弹出一个对话框。
- str:表示要输出的内容。
<script type="text/javascript">
window.alert("我是弹出框!")
</script>
- JS中的注释
-
- HTML的注释<!--注释内容-->
- CSS的注释:/*注释*/
- Javascript的注释://或/* 多行注释 */
- 变量
-
- 变量的概念
-
- 变量是变化的一个量。
- 变量可以看出是一个“未知数”。
- 变量可以看出是一个“符号”“代号”。
- 变量可以看成是宾馆的“房间号”。
- 变量一般是指程序运行的数据。
现实中,描述一个人
*****************
姓名:张三
性别:男
年龄:23
学历:大专
|
在计算机程序中,描述一个人。
*************************
name = "张三"
sex = "男"
age = 23
edu = "大专"
|
-
-
- 变量是在内存中存在和运行的。
- 变量是临时存在的数据。
- 变量的声明
-
- 变量的声明,就相当于预定宾馆的“房间”
- 语法格式:var 变量名 = 变量值
- 声明变量是使用系统关键字var来进行的。
- 举例:
-
- var name; //声明变量
- var name,sex,edu; //同时声明多个变量,多个变量间用“,”隔开。
- var name = "张三"; //一边声明一边赋值
- 变量的命名规则
-
- 变量名可以包含字母、数字、下划线。
- 变量名不能以数字开头,可以以字母或下划线开头。如:var _name;
- 变量名不能是系统关键字。如:var、switch、for、try、case、else、while等。
- JS中的变量名区分大小写的。如:name、NAME、Name、nAme是不同变量。
- JS中变量的名称一定要有意义。
- 如果变量由多个单词构成的话,具体表示如下:
-
- "驼峰式命名":getUserName。第一个 全小写,后面的每个单词首字母大写。如:var getUserName;
- "下划线式命名":所有单词全小写,中间用下划线连接。如:var get_user_name;
- 给变量赋值
-
- 给变量赋值,就是往“空间”中装东西。
- 使用赋值号“=”来给变量赋值。
- 语法:var 变量名 = 变量值
- 举例:var name ="张三";
- “=”的理解
-
- 将“=”右边的“运算结果”赋给左边的变量名。
- 运行时是“=”右边先运算,再把运算的结果,赋给左边的变量。
- “=”左边只能是一个变量名,而不能是“运算表达式”。
-
<script type="text/javascript">
//声明变量a,并给a赋值10
var a = 10;
//再声明变量b,然后将a+20的结果,赋给变量b
var b = a + 20; // b = 10 + 20 = 30
//输出结果
document.write(b);
</script>
-
-
-
- 错误的举例
-
-
//声明变量a,并给a赋值10
var a = 10;
/* 以下代码语法错误,
首先,“=”左边是变量名,左边不能是运算表达式。
b+10这里面有一个“+”符号,这个符号不符合命名规则。
*/
var b + 10 = a + 20; // b = 10 + 20 = 30
//输出结果
document.write(b)
-
-
- 利用firebug来查找错误
-
-