<style type="text/javascript"></style>
----------------------------------------------------------------------------
document.write(str)
描述:在网页的<body>标记,输出str的内容。
document意思“文档”,就是整个网页了。
document是一个文档对象,代表整个网页。
write()是document对象的一个输出方法。
“.”小数点:通过小数点(.)来调用对象的方法。
str:表示要输出的内容。
----------------------------------------------------------------------------
window.alert(str)
描述:在当前窗口中弹出一个警告对话框,str为对话框中显示的内容。
window代表当前浏览器窗口,window是一个窗口对象。
alert()方法:弹出一个对话框。
str:表示要输出的内容。
----------------------------------------------------------------------------
JS中的注释
HTML的注释:<!—注释内容-->
CSS注释:/* 注释 */
JavaScript的注释:// 或 /* 多行注释 */
----------------------------------------------------------------------------
变量的声明
语法格式:var 变量名 = 变量值
声明变量是使用系统关键字var来进行的。
举例:
var name; //声明一个变量
var name,sex,edu; //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = “张三”; //一边声明一边赋值
----------------------------------------------------------------------------
变量的命名规则
变量名可以包含字母、数字、下划线。
变量名不能以数字开头,可以以字母或下划线开头。如:var _name;(正确的) var 3abc;(错误的)
变量名不能是系统关键字。如:var、switch、for、try、case、else、while等。
JS中的变量名是区分大小写的。如:name和Name是两个变量
JS中变量的名称一定要有意义。
如果变量名由多个单词构成的话,该如何表示呢?
“驼峰式命名”:第一个单词全小写,后面的每一个单词首字母大写。如:var getUserName
“下划线式命名”:所有单词全小写,中间用下划线连接。如:var get_user_name
----------------------------------------------------------------------------
给变量赋值,就是往“空间”中装东西。
使用赋值号“=”来给变量赋值。
语法:var 变量名 = 变量值
举例:var name = “张三”;
“=”的理解
将“=”右边的“运算结果”赋给左边的变量名。
应该是“=”右边先运算,再把运算的结果,赋给左边的变量。
“=”左边只能是一个变量名,而不能是“运算表达式”。
----------------------------------------------------------------------------
JS中变量的类型有:数值型、字符型、布尔型、undefined、null、array、object、function
----------------------------------------------------------------------------
1、数值型:可以进行算术运算的(加、减、乘、除)
----------------------------------------------------------------------------
2、字符型:用单引号或双引号引起来的一个字符串
----------------------------------------------------------------------------
JS中的运算符
运算时,只能进行同类型运算。如果类型不同,将进行类型转换。
1、算术运算符:+、-、*、/
var a = 10;
var b = a + 10; // b = a+10 = 10+10=20
注意:如果“+”左右两个操作数,都是数值的话,将执行“加法”运算。
(2)如果“+”左右有一个操作数是字符的话,那么,另一个值将转成字符串。这两个操作数进行的是“连接”运算。
----------------------------------------------------------------------------
2、赋值运算符:=、+=
赋值运算符,将“=”右边的运算结果,赋给左边的变量。
var a = 10+100;
“+=”先加后等
//声明变量,并且给变量赋值
var a = 10;
//变量a先加20,再将运算结果,赋给左边的变量
a += 20; // 展开后 a = a + 20 = 10+20=30
----------------------------------------------------------------------------
写程序的一般步骤
变量初始化:变量声明、变量赋值
程序的运行过程。
输出结果
----------------------------------------------------------------------------
未定义型的值只有一个undefined
空型的值只有一个null
----------------------------------------------------------------------------
其它类型转成布尔型
Boolean(a)
其它类型转成字符型
String(a)
其它类型转成数值型
Number(a)
----------------------------------------------------------------------------
判断变量的数据类型:typeof()
typeof()测试的结果是一个类型字符串。
typeof()的结果字符串有几种情况: “string” 、 “number” 、 “boolean” 、 “undefined” 、 “object” 、 “function”
----------------------------------------------------------------------------
从字符串中提取整数和浮点数函数
parseInt()系统函数、全局函数
功能:在一个字符串中,从左往右提取整型。如果遇到非整型的内容,则停止提取,并返回结果。
注意:如果第一个字符就是非整数,则立即停止,并返回NaN。
parseInt(“120px”) = 120
parseInt(“120.98”) = 120
parseInt(“a120px”) = NaN
parseFloat()系统函数、全局函数
功能:在一个字符串中,从左往右提取浮点型;遇到非浮点型内容,则停止提取,并返回结果。
注意:如果第一个字符是非浮点型,则立即停止,并返回NaN。
parseFloat(“120px”) = 120
parseFloat(“120.98”) = 120.98
parseFloat(“.98”) = 0.98
parseFloat(“a.98”) = NaN
----------------------------------------------------------------------------
算术运算符:+、-、*、/、%、++、--
(1)“%”取余运算符,两个数相除,取余数。
A = 10 % 3; // A = 1,如果余数不为0,则两个不能整除
A = 10 % 2; // A = 0,如果余数为0,则两个数能除尽
----------------------------------------------------------------------------
(2)“++”加1运算符、自加1
“++”可以作前缀(++i),也可以作后缀(i++)。
如果不赋值的话,i++和++i的结果是一样的。
如果要赋值的话,i++和++i的结果就不一样了
----------------------------------------------------------------------------
(3)“--”减1运算符,自减1
“--”可以作前缀(--i),也可以作后缀(i--)。
如果不赋值的话,i--和--i的结果是一样的。
如果要赋值的话,i++和++i的结果就不一样了
“--”的例了与“++”例子一样,自己进行测试。
----------------------------------------------------------------------------
赋值运算符:=、+=、-=、*=、/=
“+=”先加后等。如:a += 10 //展开后 a = a + 10
“-=”先减后等。如:a -= 10 //展开后 a = a - 10
“*=”先乘后等。如:a *= 10 //展开后 a = a * 10
“/=”先除后等。如:a /= 10 //展开后 a = a / 10
----------------------------------------------------------------------------
字符串运算符:+、+=
字符串只能进行“连接”运算,不能进行其它运算。
var a = “abc”;
var b = a + “def”; // 结果b = a + “def” = “abc” + “def” = “abcdef”
var a = “abc”;
a += 10; // 结果a = a + 10 = “abc” + 10 = “abc10”
----------------------------------------------------------------------------
比较运算符:>、<、>=、<=、==、!=、===、!==
比较运算符的运算结果是布尔值(true或false)。
A = 10 > 20; // 结果A=false
A = 20>=20; // 结果A=true
A = 10%2 == 0; // 结果A=true
A = 10%2 == “0”; // 结果A=true
A = 10%3 != 0; // 结果A=true
A = 10%2 === “0”; //结果A=false
“=”是赋值号。如:a = 10
“==”等于。只比较两个变量的值,而不管类型。只要值一样,就返回true,否则返回false。
“===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。
----------------------------------------------------------------------------
逻辑运算符:&&、||、!
逻辑运算符的运算结果有两个true或false。
“&&”逻辑与(并且关系)。如果左右两个操作数都为true,则结果为true,否则,结果为false。
逻辑与,就是两个条件同时满足时,则结果为true。
“||”逻辑或。左右两个条件,只要有一个满足,则返回true,否则,返回false。
“!”取反运算。!true = false 、 !false = true 、 !100 = false
----------------------------------------------------------------------------
三元运算符:?:
所谓“三元运算符”就是指三个操作数。
语法:条件表达式 ? 结果1 : 结果2
语法:操作数1 ? 操作数2 : 操作数3
含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码。
其实:三元运算符,就是if else的变形形式。
----------------------------------------------------------------------------
window.prompt()
功能:弹出一个输入框,让用户来输入内容。
语法:var year = window.prompt(text[,defaultText])
参数:
Text:提示信息。
defaultText:可选项,也就是可有可无。输入框中的默认内容。
返回值
如果单击“确定”按钮,返回一个字符串的数据。
如果单击“取消”按钮,返回一个null。
----------------------------------------------------------------------------
if条件判断
1、语法结构——只判断true,不判断false
if(条件判断:结果只有两个true或false)
{
条件为true,将执行该代码;
}
说明:
if是系统关键字,必须全小写。
()小括号中,是条件判断语句,判断的结果只有两种可能true或false。
Back to home |
File page
Subscribe |
Register |
Login
| N