------- Windows Phone 7手机开发、.Net培训、期待与您交流! -------
(1)JavaScript常用语法——函数
函数的特点:
①javascript中的函数是完成特定功能并可以随时随地运行的语句
②函数不仅能在一个或多个HTML页面中被多次调用,而且能够在不同网站中应用,从而提高了代码的重用率
③进行复杂程序设计的时候,我们可以将程序划分为一些相对独立的部分,每一部分编写一个函数,从而使各部分充分独立,任务单一,使程序结构清晰,易读,易懂,易利用,易维护
④javascript函数可以封装那些在程序中可能要多次用到的模板,并可作为事件驱动的结构而被调用,从而实现一个函数与事件驱动相关联
⑤可以将值传递给函数,函数也可以返回一个值
(2)常用的系统函数:
parseInt("字符串"):例如 var num1=parselnt("78.89") //返回值是78
parseFloat():例如 var num1=parseFloat("4567color") //返回值4567
isNaN():例如 var flag1=isNaN("12.5") //返回值为false
自定义的函数:
创建函数和调用函数:自定义函数由关键字function,函数名,一组参数以及置于括号中的待执行的javascript语句组成,语法格式为
例如:function 函数名(参数1,参数2,参数3....){
javascript语句;}
调用函数 事件名=“函数名()”;
例如: <script type="text/javascript">
function showHello() {
for (var i = 0; i < 5; i++) {
document.write("<h2>Hello World</h2>"); }
}
</script>
</head>
<body>
<input name="btn" type="button" value="显示5次Hello World" οnclick="showHello()"/>
</body>
匿名函数:匿名函数的定义
<script type="text/javascript">
var showFun=function (count) {//定义变量showFun,保存匿名函数定义的整个语句
for (var i = 0; i < 5; i++) {
document.write("<h2>Hello World</h2>");
}
}
</script>
匿名函数的调用
<input name="btn" type="button" value="显示5次Hello World" οnclick="showFun(prompt('请输入显示Hello World的次数:‘,’'))"/>
(3)变量的作用域
全局变量:在所有函数外声明的变量,作用的范围是该变量定义后的所有语句,包括其后定义的函数中的代码,以及其后的script标签中的代码
局部变量:在函数内声明的,只有在该函数中且位于该变量之后的代码可以使用这个变量,如果在之后的其他函数中声明了与这个局部变量同名的变量,则后声明的变量与这个局部变量毫无关系
(4)window对象
常用的属性:
screen:有关客户端的屏幕和显示性能的信息
history:有关客户访问过的URL的信息
location:有关当前URL的信息
常用的方法:
prompt:显示可提示用户输入的对话框
alert:显示一个带有提示信息和一个“确定”按钮的警示框
confirm:显示一个带有提示信息,“确定”和“取消”按钮的对话框
例如:<script type="text/javascript">
var flag = confirm("确认要删除此条信息吗");
if (flag == true) {
alert("删除成功");
}
else {
alert("你取消了删除");}
</script>
close:关闭浏览器窗口
open:打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout:在指定的毫秒数后调用函数或计算表达式
setInterval:按照指定的周期来调用函数表达式
注意:alert只有一个返回值,仅显示警告框的消息,无返回值,不能对脚本产生任何改变
prompt有两个参数,是输入对话框,单击取消按钮则返回null,单击确定按钮则返回用户输入的值
confirm只有一个参数,是确认对话框,显示提示框的消息,确定按钮和取消按钮,打击确定按钮返回true,点击取消按钮返回false
(5)Date对象
和java相似,用的时候需要对对象进行new操作
语法:var 日期实例=new Date(参数);
参数可以省略,如果省略则表示当前日期和时间
参数是字符串格式,“MM DD,YYYY,hh:mm:ss”表示日期和时间
例如:var tdate=new Date("July 15,2009,16:34:28");
举例获取当前时间: <script type="text/javascript">
var today = new Date();
var hh = today.getHours();
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML = "<h1>现在时间是:" + hh + ":" + mm + ":" + ss + "<h1>";
</script>
定时函数:setTimeout() setlnterval()
setTimeout()只执行函数一次,如果要多次调用函数,就需要使用setlnterval()
(6)BOM编程
BOM编程是javascript组成的一部分,我们可以使用BOM编程,制作出属性菜单,Tab切换效果等页面特效
在浏览网页时,我们会使用前进,后退,刷新等按钮,这些功能我们也可以使用location和history来实现
①history对象:
back() 加载history对象列表中的前一个URL
forward() 加载history对象列表中的下一个URL
go() 加载history对象列表中的某个具体URL
go(n) 方法中的n是一个具体的数字,当n>0时装入历史列表中往前数的第n个页面 当n=0时装入当前页面,n<0时装入历史列表中往后数第n个页面
例如:history.go(1) 代表前进1页,相当于IE中的“前进”按钮,等价于forward()方法。
location对象:
属性:host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
方法:
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
例如:
<img src="images/flow.jpg" alt="鲜花" /><br />
<a href="javascript:location.href='flower.html'">查看鲜花详情</a>
<a href="javascript:location.reload()">刷新本页</a>
②document对象
属性:referrer 返回载入当前文档的文档的URL
URL 返回当前文档的URL
用法:<script type="text/javascript">
var perUrl = document.referrer; //载入本页面文档的地址
if (perUrl == "") {
document.write("<h2>您不是从领奖页面进入,5秒后将自动跳转到登录页面</h2>");
setTimeout("javascript:location.href='login.html'",5000);}
</script>
document对象的常用方法:
getElementById() 返回对拥有指定Id的第一个对象的引用
getElementByName() 返回带有指定名称的对象的集合
getElementByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本,HTML表达式或javascript代码
元素的显示和隐藏:
visibility 属性的值包括:visible 表示元素是可见的 hidden 表示元素是不可见的
display 属性的常见值:none 表示此元素不会被显示 block 表示此元素将显示为块级元素,此元素前后会带有换行符
例如: <script type="text/javascript">
function hidden_b2() {
document.getElementById("b2").style.visibility = "hidden";
}
function hidden_b2() {
document.getElementById("b2").style.display = "none";
}
</script>