php基础学习笔记(6)

php中文网
发布: 2016-08-08 09:28:14
原创
1113人浏览过

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>
登录后复制

window对象弹出窗口的方法:

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

立即学习PHP免费学习笔记(深入)”;

         语法形式如下:

         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>
登录后复制

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>
登录后复制

window对象的定时器方法

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

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

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

Get笔记
Get笔记

Get笔记,一款AI驱动的知识管理产品

Get笔记 125
查看详情 Get笔记

         ——闹钟原理

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

         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>
登录后复制

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

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

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

        

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

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

引入外部js文件

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

进度条制作原理

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

 

以上就介绍了php基础学习笔记(6),包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号