如何定义一个函数呢?基本语法如下:
function 函数名() { 函数代码; }
说明:
1. function定义函数的关键字。
2. "函数名"你为函数取的名字。
3. "函数代码"替换为完成特定功能的代码。
我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字:“add2”,代码如下:
function add2(){ var sum = 3 + 2; alert(sum); }
JavaScript变量可以不声明就使用
声明的变量为局部变量,未声明的变量为全局变量。
函数调用:
函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,代码如下
JavaScript-警告(alert 消息对话框)
语法:
alert(字符串或变量);
<script type="text/javascript"> var mynum = 30; alert("hello!"); alert(mynum); </script>
JavaScript-确认(confirm 消息对话框)
confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:
confirm(str);
参数说明:
str:在消息对话框中要显示的文本 返回值: Boolean值
返回值:
当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false
注: 通过返回值可以判断用户点击了什么按钮
看下面的代码:
<script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?");//该变量要在函数体内, 不然会先弹出对话框。 if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大,要学习噢!"); } </script>
结果:
注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。
JavaScript-提问(prompt 消息对话框)
prompt
弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。
语法:
prompt(str1, str2);
参数说明:
str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改
返回值:
1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null
看看下面代码:
var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); }
结果:
注:在用户点击对话框的按钮前,不能进行任何其它操作。
JavaScript-打开新窗口(window.open)
open() 方法可以查找一个已经存在或者新建的浏览器窗口。
语法:
window.open([URL], [窗口名称], [参数字符串])
参数说明:
URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。 窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。 参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数表:
例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>
注意:运行结果考虑浏览器兼容问题。
JavaScript-关闭窗口(window.close)
close()关闭窗口
用法:
window.close(); //关闭本窗口
或
<窗口对象>.close(); //关闭指定的窗口
例如:关闭新建的窗口。
<script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中 mywin.close(); </script>
注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。
一维数组
var myarr=new Array();
myarr.length;
二维数组
1 var myarr=new Array();
for(var i=0;i<arr.length;i++){//这里不能用Int
myarr[i]=new Array();
for(var j=0;j<arr.length;j++){
myarr[i][j];}
}
2. 二维数组的定义方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
3. 赋值
myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。
说明: myarr[0][1] ,0 表示表的行,1表示表的列。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>第7章</title> <script type="text/javascript"> var date=new Date(); var year=date.getFullYear(); var month=date.getMonth(); var day=date.getDay(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六",] document.write(year+"年"+month+"月"+day+"日"+""+weekday[date.getDay()]+"<br>"); //星期的设置需要另外设置一个数组,不然返回的是数字 document.write("当前时间"+date+"<br>");//获取当前系统时间 date.setTime(date.getTime()+60*60*1000);// 一小时 60 分,一分 60 秒,一秒 1000 毫秒 document.write("当前时间"+date+"<br>");//通过date.setTime()可以改变当前的时间 //使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写: var mystr="Hello world!"; var mynum=mystr.toUpperCase();//stringObject.toUpperCase可以将字符串小写字母转换为大写 //toLowerCase则相反。 document.write("当前的字符串为:"+mynum+"<br>"); document.write("返回为该字符串最后一个字符:"+mystr.charAt(mystr.length-1)+"<br>"); //stringObject.charAt(index) /*1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。*/ document.write("第二次出现o的位置为:"+mystr.indexOf("o",mystr.indexOf("o")+1)+"<br>");//mystr.indexOf("o")+1 返回第二个o的位置 /*indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。 语法 stringObject.indexOf(substring, startpos)*/ document.write("当前的数组被分割为:"+mystr.split("",mystr.length)+"<br>"); /* split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 第2个为空,则不限制次数。 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。*/ document.write("当前字符串第一个位置到第一个为空之间的字符串为:"+mystr.substring(0,mystr.indexOf(" ")) +"<br>");//mystr.indexOf(" ")括号中间要有空格 /*substring() 方法用于提取字符串中介于两个指定下标之间的字符。 语法: stringObject.substring(startPos,stopPos) 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。 */ document.write("当前字符串第一个位置到第一个为空之间的字符串为:"+mystr.substr("w",mystr.indexOf("!")) ); /*substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 语法: stringObject.substr(startPos,length)*/ </script> </head> <body> </body> </html>
Array 数组对象
数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> var js1="I"; var js2="Love"; var js3="javascript"; document.write("连接的字符为"+js1.concat(js2,js3)+"<br>"); /* concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 该方法不会改变现有的数组, 而仅仅会返回被连接数组的一个副本。 语法 arrayObject.concat(array1,array2,...,arrayN) */ var myarr = new Array(3) myarr[0] = "I"; myarr[1] = "love"; myarr[2] = "JavaScript"; document.write("用.连接的字符为"+myarr.join(".")+"<br>"); /* join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。 这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中 语法: arrayObject.join(分隔符)*/ document.write("颠倒后的字符串"+myarr.reverse()+"<br>"); /* reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的 数组。*/ document.write("颠倒后的字符串"+myarr.slice(0)+"<br>"); /* slice() 方法可从已有的数组中返回选定的元素。 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。 3.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。 注意: 语法 arrayObject.slice(start,end)*/ var mynum =[80,16,50,6,100,1]; function sort(a,b) { return b-a;//b-a则为降序 } document.write(mynum.sort(sort));
/*
sort()方法使数组中的元素按照一定的顺序排列。
语法:
arrayObject.sort(方法函数)
*/ </script> </head> <body> </body> </html>