php基础学习笔记javascript（8）

window对象 window对象就是窗口对象，也就是任何一个打开的网页，其一定是装载到一个window对象中。window对象就代表该窗口。 学习 window对象其实无非是 学习 window所提供的几个方法（类似 学习 event对象无非是 学习 使用event对象的几个属性） window 对

window对象

window对象就是“窗口对象”，也就是任何一个打开的网页，其一定是“装载”到一个window对象中。window对象就代表该窗口。学习window对象其实无非是学习window所提供的几个方法（类似学习event对象无非是学习使用event对象的几个属性）

 window对象的几个弹出对话框的方法：

 

<span>1</span><span>.    window.alert(“这里是文字信息”);            
</span><span>//</span><span>可以认为只是一个文字性提示信息。</span>
<span>2</span>.        <span>var</span>  v1  =<span>  window.prompt(“文字提示”，“默认信息”)    
</span><span>//</span><span>弹出一个供用户输入文字信息的对话框。通常用于向用户提出一个需要文字来回答的问题。其会返回一个“字符串值”</span>
<span>3</span>.        <span>var</span>  v2  =<span>  window.confirm(“一个是否性的问题”);        
</span><span>//</span><span>弹出一个向用户询问“真假”的问题，用户可以回答“真假”。通常用于向用户提出一个需要进行“是／否”性回答的问题。其会返回一个布尔值（true/false）。</span>

 

window对象弹出窗口的方法：

 

window.open();——可以弹出一个“小”窗口，该窗口里也就能够“放置”一个网页。

 

         语法形式如下：

 

         window.open(“要打开的网页地址url”，“自己给新窗口的名字name”，“新窗口的外观参数设定para”);

 

         url：可以是相对地址或绝对地址。

 

         name：自定义的名字，遵循命名规则就可以，比如n1, win1,  s1

 

         para：此设定有若干项，每项之间用逗号分隔，每项的形式为：项名=值。举例如下：

width=<span>400</span><span>，
        height</span>=<span>300</span><span>，
        left</span>=<span>500</span>，        <span>//</span><span>表示离屏幕的左边的距离</span>
        top=<span>300</span>，        <span>//</span><span>表示离屏幕的顶部的距离</span>
        menubar = yes;    <span>//</span><span>表示打开的窗口具有菜单栏（no就没有），也可以使用1，0</span>
        toolbar    = yes;    <span>//</span><span>表示打开的窗口具有工具栏（no就没有），也可以使用1，0</span>
        location =  yes;    <span>//</span><span>表示打开的窗口没有地址栏（no就没有），也可以使用1，0（实际现代浏览器对此已经失效了，变成location必须显示）</span>
        scrollbars=yes；    <span>//</span><span>表示打开的窗口具有滚动条。</span>
<span>        …………. 查《Dhtml完全手册》
    综合举例：
window.open(“ http:</span><span>//</span><span>www.baidu.com” , “db”, “width=400, height=300, left=500,top=300, menubar=yes, toolbar=1” ) </span>
<span>
《DHTML完全手册》介绍。 
DHTML就是“动态html”（Dynamic HTML） </span>

window对象的定时器方法：

 

定时器：是指让浏览器每隔一定的时间自动去做一定的事情！

 

语法形式：

 

var t1 = window.setInterval(“要执行的代码s”，间隔时间t)； //这叫做“创建一个定时器”，名字为:t1

 

解释：每隔设定的时间t，都会去执行引号中的代码s。t的单位是“毫秒”。这里，要执行的代码通常都是用一个函数调用语句，真正要做的事情是到函数中去完成。

 

 定时器一旦创建，则其会自动“让别人”允许，其本身要么“活下去”，要么“死亡”

 

找网页对象的办法大全

???document.getElementById(“id名”);         <span>//</span>
<span>//</span><span>name属性通常只用于表单上。</span>
<span>//</span>
<span>event</span>.target / <span>event</span><span>.srcElement：——代表事件源——事件源就是对象
?</span><span>this</span><span>：——代表事件源

——意思是，象window对象，event对象，document对象是不需要“找”，而是直接使用。</span>

window对象的定时器方法

 

反复性定时器的使用：浏览器会按指定的时间间隔反复去执行该代码（函数）。

 

         var t1 = window.setInterval(“ 函数() ”, 间隔时间);    //创建一个反复性定时器并命名为“t1”

 

         window.clearInterval(  t1  )                   //清除（停止/销毁）该反复性定时器

 

         ——闹钟原理

 

 

 

一次性定时器的使用：浏览器会在指定的时间之后去执行一次该代码（函数）。

 

         var t2 = window.setTimeout(“ 函数() ”, 间隔时间);     //创建一个一次性定时器并命名为“t2”

 

         window.clearTimeout( t2 );             //清除（停止/销毁）该一次性定时器

 

         ——定时炸弹原理

 

         ——一次性定时器通常用于某种只要执行一次的代码

 

内嵌框架（窗口）

对比框架窗口：框架窗口是将“当前大窗口”分割为若干个小窗口，每个窗口中放一个网页。

<frameset rows="”<span">150, *”>
        <frame src="%E2%80%9Dpage1.html%E2%80%9D">
        <frame src="%E2%80%9Dpage2.html%E2%80%9D">
</frameset>

内嵌窗口： 是在“当前网页中”“挖”出一个区域范围来作为小窗口，该窗口可以放置其他网页。

这里，“挖”出的这个区域其实就是我们html/css中的盒子概念——矩形区域。

        

引入外部js文件

 

进度条制作原理

无非是两个盒子，外面的的盒子的宽度固定（比如100），里面的盒子的宽度随着一个数据的变化而变化——我们这里是星星的当前数量。