php基础学习笔记(6)
window对象
window对象就是“窗口对象”,也就是任何一个打开的网页,其一定是“装载”到一个window对象中。window对象就代表该窗口。学习window对象其实无非是学习window所提供的几个方法(类似学习event对象无非是学习使用event对象的几个属性)
window对象的几个弹出对话框的方法:
1. window.alert(“这里是文字信息”); //可以认为只是一个文字性提示信息。 2. var v1 = window.prompt(“文字提示”,“默认信息”) //弹出一个供用户输入文字信息的对话框。通常用于向用户提出一个需要文字来回答的问题。其会返回一个“字符串值” 3. var v2 = window.confirm(“一个是否性的问题”); //弹出一个向用户询问“真假”的问题,用户可以回答“真假”。通常用于向用户提出一个需要进行“是/否”性回答的问题。其会返回一个布尔值(true/false)。
window对象弹出窗口的方法:
window.open();——可以弹出一个“小”窗口,该窗口里也就能够“放置”一个网页。
语法形式如下:
window.open(“要打开的网页地址url”,“自己给新窗口的名字name”,“新窗口的外观参数设定para”);
url:可以是相对地址或绝对地址。
name:自定义的名字,遵循命名规则就可以,比如n1, win1, s1
para:此设定有若干项,每项之间用逗号分隔,每项的形式为:项名=值。举例如下:
width=400, height=300, left=500, //表示离屏幕的左边的距离 top=300, //表示离屏幕的顶部的距离 menubar = yes; //表示打开的窗口具有菜单栏(no就没有),也可以使用1,0 toolbar = yes; //表示打开的窗口具有工具栏(no就没有),也可以使用1,0 location = yes; //表示打开的窗口没有地址栏(no就没有),也可以使用1,0(实际现代浏览器对此已经失效了,变成location必须显示) scrollbars=yes; //表示打开的窗口具有滚动条。 …………. 查《Dhtml完全手册》 综合举例: window.open(“ http://www.baidu.com” , “db”, “width=400, height=300, left=500,top=300, menubar=yes, toolbar=1” ) 《DHTML完全手册》介绍。 DHTML就是“动态html”(Dynamic HTML)
window对象的定时器方法:
定时器:是指让浏览器每隔一定的时间自动去做一定的事情!
语法形式:
var t1 = window.setInterval(“要执行的代码s”,间隔时间t); //这叫做“创建一个定时器”,名字为:t1
解释:每隔设定的时间t,都会去执行引号中的代码s。t的单位是“毫秒”。这里,要执行的代码通常都是用一个函数调用语句,真正要做的事情是到函数中去完成。
定时器一旦创建,则其会自动“让别人”允许,其本身要么“活下去”,要么“死亡”
找网页对象的办法大全
???document.getElementById(“id名”); //id属性所有标签都可以使用 通过id找到一个标签对象。 ?document.getElementsByName(“name名”); //name属性通常只用于表单上。 通过name找到若干个标签对象——也就是集合。这里集合其实就是相当于一个数组中放了若干个对象。集合的用法跟数组完全一样。注意,即使找出的结果中只有一个对象,也是集合,也要象数组一样使用。 ?document.getElementsByTagName(“标签名”); 通过标签名获取到网页中所有的该标签对象——也是集合,用法同上。 getElementsByTagName的另一个更实用用法是: ??obj. getElementsByTagName(“标签名”); //obj为某个小一点的标签对象。 在obj这个标签中获取若干个指定标签名的对象——更实用。 ?document.body:——直接就代表网页中的body这个特定标签对象。 document.documentElement:——直接就代表网页中的html这个特定的标签对象。 document.images:——代表网页中的所有img标签对象,也是一个集合,用法同上述集合。其实其也相当于:document.getElementsByTagName(“img”); document.links:——代表网页中所有a链接标签对象,也是一个集合。 document.anchors:——代表网页中的所有a锚点标签对象,也是一个集合 ?document.forms:——代表网页中的所有form表单对象,也是一个集合。 ?event.target / event.srcElement:——代表事件源——事件源就是对象 ?this:——代表事件源 ——意思是,象window对象,event对象,document对象是不需要“找”,而是直接使用。
window对象的定时器方法
反复性定时器的使用:浏览器会按指定的时间间隔反复去执行该代码(函数)。
var t1 = window.setInterval(“ 函数() ”, 间隔时间); //创建一个反复性定时器并命名为“t1”
window.clearInterval( t1 ) //清除(停止/销毁)该反复性定时器
——闹钟原理
一次性定时器的使用:浏览器会在指定的时间之后去执行一次该代码(函数)。
var t2 = window.setTimeout(“ 函数() ”, 间隔时间); //创建一个一次性定时器并命名为“t2”
window.clearTimeout( t2 ); //清除(停止/销毁)该一次性定时器
——定时炸弹原理
——一次性定时器通常用于某种只要执行一次的代码
内嵌框架(窗口)
对比框架窗口:框架窗口是将“当前大窗口”分割为若干个小窗口,每个窗口中放一个网页。
<frameset rows=”150, *”>
<frame src=”page1.html” ></frame>
<frame src=”page2.html” ></frame>
</frameset>
内嵌窗口: 是在“当前网页中”“挖”出一个区域范围来作为小窗口,该窗口可以放置其他网页。
这里,“挖”出的这个区域其实就是我们html/css中的盒子概念——矩形区域。
内嵌窗口的标签为: iframe, 使用如下:
<iframe src=”网页地址url” ></iframe>
iframe在外观上非常类似textarea标签,但使用是完全不同的。
iframe在外观上非常类似textarea标签,但使用是完全不同的。
引入外部js文件
<script src="js文件路径url "></script>
注意:js文件后缀为js,里面只能有js语法的代码,不能有<script>标签或其他标签。并且,在上述script标签的中间不能再些js代码了。
进度条制作原理
无非是两个盒子,外面的的盒子的宽度固定(比如100),里面的盒子的宽度随着一个数据的变化而变化——我们这里是星星的当前数量。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。