简介
在HTML中输出使用document. write. 例document. write ("<h1>this is a heading</h1>");
alert()函数在JavaScript中,对于代码测试较为方便。使用 JavaScript来处理 HTML 内容是非常强大的功能。 可以改变任意的HTML元素的大多数属性(改变元素内容:例:x=document. getElementById("demo"); // 找到元素 x. innerHTML="Hello JavaScript!"; // 改变内容)
验证用户的输入
实现
通常将JavaScript的脚本放在<head>部分或者页面底部。JavaScript的函数放在<head>部分,在点击type=“button”或者其他按钮时被调用。
也可以把脚本保存到外部文件中,文件扩展名.js ,在使用该外部文件时,在<script>标签的“scr”属性中设置,例<script type="text/javascript" src="/js/myScript.js"> </script>
输出
JavaScript访问HTML元素,使用document. getElementaryById(id)的方法。
执行document. write(“”)会覆盖原有文件。
JavaScript 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。块的作用是使语句序列一起执行。
在文本字符串中使用反斜杠对代码行进行换行。
注释
注释不执行。
单行注释以//开头,多行注释使用/**/
变量
变量是存储信息的容器。可以用于存放值和表达式,可以以字母开头的名称,但是对大小写敏感。以可以保存其他数据类型,比如文本值,向变量分配文本值时应该用双引号或单引号包围这个值。向变量赋值是数值时,不要用引号,不然被当成文本来处理。
使用 var 关键词来声明变量,然后使用等号赋值:var name=”Jimmy“,age =18;
数据类型
数组:new Array() ,例car0=new Array();cars[0] = "Audi"; cars[1] = "BMW";
对象由花括号分隔,对象的属性以名称和值对的形式(name: value)来定义,属性用逗号分开。可以通过将变量的值设置为null来清空变量。例(car = null;)。声明新变量时,可以使用关键词 "new" 来声明其类型。例(var cars= new Array;)
可以创建自己的对象。例(<script>
person=new Object();</script>
)
函数
函数就是包裹在花括号中的代码块,前面使用了关键词 function。例function functionname ()
{
这里是要执行的代码
}
调用带参数的函数
在调用函数时,可以向其传递值,这些值被称为参数。这些参数可以在函数中使用,可以发送任意多的参数,由逗号 (,) 分隔,例:myFunction(argument1,argument2)
带有返回值的参数return语句:function myFunction(){var x=5;return x;}。不让返回值保存为变量,可以使用:document.getElementById("demo").innerHTML=myFunction(); 直接在innerHTML中显示
全局变量,和局部变量,变量的生存周期为从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除
如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。这条语句:carname="Volvo";
运算符
‘+’加、’-‘减、’*‘乘、’/‘除、’%‘求余数(保留整数位)、’++‘累加、’--‘递减。赋值运算符如果把数字与字符串相加,结果将成为字符串。
比较
比较运算符 ‘==’等于、‘===’全等(值和类型)、‘!=’不等于
逻辑运算符:‘&&’ ‘||’ ‘!’
条件运算符:variablename=(condition)?value1:value2
条件、循环语句
if 语句- 只有当指定条件为 true 时,使用该语句来执行代码
if...else 语句- 当条件为 true 时执行代码,当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句- 使用该语句来选择多个代码块之一来执行(default关键词)
for- 循环代码块一定的次数
for/in- 循环遍历对象的属性
while- 当指定的条件为 true 时循环指定的代码块
do/while- 同样当指定的条件为 true 时循环指定的代码块
错误
try 语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误
try语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当 try 代码块发生错误时,所执行的代码块。JavaScript 语句try和catch是成对出现的。
throw于try 和catch一起使用,就能控制程序流,并生成自定义错误消息:
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
表单验证
验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?
也可以用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题)