黑马程序员《.NET 函数和BOM》

------- 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>

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值