第三天 2016/7/4
带小括号的就是方法
1、常用的两个客户端输入方法:
Document.write(str)
描述:在网页的<body>标记,输出str内容。
Document 意思“文档”,就是整个网页了。
Document是一个文档对象,代表整个网页。
Write()是document对象的一个方法。
“.”小数点,通过小数点来调用对象的方法。
Str表示要输出的内容。
Window.alert(sstr)
描述:在当前窗口弹出一个警告对话框,str为对话框中显示的内容。
Window代表当前浏览器的窗口,window是一个窗口对象。
Alert()方法:弹出一个对话框。
Js中的注释:
Html的注释:<!—注释内容-->
Css的注释:/*注释内容*/
Javascript的注释:/单行注释/ 和 /*多行注释*/
变量
1、 变量的概念
变量是变化的一个量。
变量可以看成是一个“未知数“。X=10。
变量可以看成一个“代号”、“符号”。
变量可以看成是宾馆的“房间号”。
变量一般是指程序的数据。
变量是在内存中存在和运行的。
变量是临时存在的数据。我们可以把计算机内存看成是一个一个的“小格子” 每个“小格子”里可以存储一个变量的名称和变量的值。
2、 变量的声明
变量的声明,就相当于预定宾馆的“房间”。
语法格式:var 变量名=变量值。
声明变量是使用系统关键字var来进行的。
举例 : var name //声明变量。
Var name,age,edu; 同时声明多个变量 ,变量之间用逗号隔开。
Var name=”张三” //一边声明一边赋值。
3、 变量的命名规则
变量名可以包含 字母、数字、下划线。
变量名不能以数字开头,可以以下划线、字母开头。如:var _name(对的) var 3name(错的)。
变量名不能是系统关键字。如:var、 try、switch、for、else等。
Js中的变量名是区分大小写的。如name和NAME是两个不同的变量。
Js中的变量名一定要起得有意义。
如果变量名有多个单词构成的话,该如何表示?
“驼峰式命名“第一个单词全小写,后面单词首字母大写。如:var getUserName
“下划线命名”所有单词全小写,中间用下划线连起来。如“var get_user_name
4、给变量赋值
给变量赋值,就是往“空间”中装东西。
使用赋值号 “=” 来给变量赋值
Var 变量名=变量值 例:var name=“张三”
“=” 号的理解
将“=”右边的“运算结果” 赋值给左边的变量名
应该是“=” 右边先运算,再把运算结果 赋给左边的变量名
“=”左边只能是一个变量名,而不能是“运算表达式”
Var a=10; //给a赋值
Var b=a+20; // 把a+20的运算结果 赋值给b
Document.write(b); //输出结果
变量的数据类型
1、数值型:可以进行算术运算的(加、减、乘、除)
数值型包括:整型和浮点型 。
例:var a=10;
var a=0.1;
var a=-10;
var a=-0.1;
var b=a*10;
2、字符型:用单引号或双引号引起来的一个字符串
注意:字符型不能进行算术运算,只能进行“链接运算。
例:var a="美女";
var b="帅哥";
var c="a+b"; //c="美女+帅哥"="美女帅哥"
document.write(c);
js中的运算符
运算时 只能进行同类型的运算。如果类型不同,将进行转换。
1、算术运算符 +、-、*、/
- 注意:如果“+”左右两个操作数 都是数值的话,将执行“加法”运算。
如果“+”左右有一个操作数是字符的话,那么,另一个值将转换成字符串。这两个操作数进行的是 “连接”运算。
var a=10;
var b=a+10 //b=10+10 =20
var a=“10”; //字符串的10
//以下代码中,有一个操作数是字符串,因此,将执行字符串的“连接”运算。
//所谓“连接”就是将左右两个字符串拼在一起,构成一个更多的字符串。
var b=a+10 //b="10"+10 = "10"+"10"="1010"
2、赋值运算符 :“=”、“+=”
赋值运算符 :将“=”右边的运算结果,赋给左边的变量。
“+=”先加后等
例:var a=10;
//变量a先加20,再将运算结果 赋值给左边的变量
a+=20; //展开后,a=a+20 =10+20=30;
写程序的一般步骤:
变量初始化:变量声明 和 变量赋值。
程序的运行过程。
输出结果。
实例:输出个人信息
var name="张三";
var age=11;
var edu="大专";
var sex="男";
var str="<h1>"+name+"的基本信息</h1>:";
str += "姓名:"+name; //展开后 str =str+"姓名:张三";
str += "年龄:"+age;
str += "学历:"+edu;
str = str+"毕业学校"+shool;
document.write(str);
列表
var name="张三";
var sex="男";
var str=" ";
str +='<table width="500" border:"1" align="center">';
str +=' <tr>';
str +=' <th colspan="4">'+name+'的基本信息</th>';
str +=' </tr>';
str +=' <tr>';
str +=' <td>姓名:</td>';
str +=' <td>'+name+'';
str +=' <td>性别:</td>';
str +=' <td>'+sex+'';
str +=' </tr>';
str +='</table>';
document.write(str);