Home > php教程 > php手册 > body text

php基础学习笔记(6),php基础学习笔记

WBOY
Release: 2016-06-13 09:12:14
Original
830 people have browsed it

php基础学习笔记(6),php基础学习笔记

window对象

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

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

 

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

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>        &hellip;&hellip;&hellip;&hellip;. 查《Dhtml完全手册》
    综合举例:
window.open(&ldquo; http:</span><span>//</span><span>www.baidu.com&rdquo; , &ldquo;db&rdquo;, &ldquo;width=400, height=300, left=500,top=300, menubar=yes, toolbar=1&rdquo; ) </span>
<span>
《DHTML完全手册》介绍。 
DHTML就是&ldquo;动态html&rdquo;(Dynamic HTML) </span>
Copy after login

window对象的定时器方法:

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

语法形式:

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

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

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

找网页对象的办法大全

document.getElementById(&ldquo;id名&rdquo;);         <span>//</span><span>id属性所有标签都可以使用</span>
<span>    通过id找到一个标签对象。    
document.getElementsByName(&ldquo;name名&rdquo;); </span><span>//</span><span>name属性通常只用于表单上。</span>
<span>    通过name找到若干个标签对象&mdash;&mdash;也就是集合。这里集合其实就是相当于一个数组中放了若干个对象。集合的用法跟数组完全一样。注意,即使找出的结果中只有一个对象,也是集合,也要象数组一样使用。
document.getElementsByTagName(&ldquo;标签名&rdquo;);
    通过标签名获取到网页中所有的该标签对象&mdash;&mdash;也是集合,用法同上。
    getElementsByTagName的另一个更实用用法是:
    obj. getElementsByTagName(&ldquo;标签名&rdquo;);    </span><span>//</span><span>obj为某个小一点的标签对象。</span>
<span>    在obj这个标签中获取若干个指定标签名的对象&mdash;&mdash;更实用。

document.body:&mdash;&mdash;直接就代表网页中的body这个特定标签对象。
document.documentElement:&mdash;&mdash;直接就代表网页中的html这个特定的标签对象。

document.images:&mdash;&mdash;代表网页中的所有img标签对象,也是一个集合,用法同上述集合。其实其也相当于:document.getElementsByTagName(&ldquo;img&rdquo;);
document.links:&mdash;&mdash;代表网页中所有a链接标签对象,也是一个集合。
document.anchors:&mdash;&mdash;代表网页中的所有a锚点标签对象,也是一个集合
document.forms:&mdash;&mdash;代表网页中的所有form表单对象,也是一个集合。

</span><span>event</span>.target / <span>event</span><span>.srcElement:&mdash;&mdash;代表事件源&mdash;&mdash;事件源就是对象
</span><span>this</span><span>:&mdash;&mdash;代表事件源

&mdash;&mdash;意思是,象window对象,event对象,document对象是不需要&ldquo;找&rdquo;,而是直接使用。</span>
Copy after login

window对象的定时器方法

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

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

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

——闹钟原理

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

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

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

——定时*原理

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

内嵌框架(窗口)

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

<frameset  rows=&rdquo;<span>150</span>, *&rdquo;>
        <frame src=&rdquo;page1.html&rdquo;  ></frame>
        <frame src=&rdquo;page2.html&rdquo;  ></frame>
</frameset>
Copy after login

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

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

内嵌窗口的标签为: iframe, 使用如下:

        

         iframe在外观上非常类似textarea标签,但使用是完全不同的。

         iframe在外观上非常类似textarea标签,但使用是完全不同的。

引入外部js文件

         注意:js文件后缀为js,里面只能有js语法的代码,不能有<script>标签或其他标签。并且,在上述script标签的中间不能再些js代码了。</script>

 

进度条制作原理

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

 

 

Related labels:
php
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!