当前位置:Gxlcms > mysql > js心得2

js心得2

时间:2021-07-01 10:21:17 帮助过:50人阅读

1.表单中的文本框完整的名称应该是: window.document.myform.text1,其中window可以省略,所以我们前面写为: document.myform.text1就是这样来的。 1)window窗口对象是代表整个浏览器窗口,是最顶层的根。 2)往下包括history历史对象(存放历史信息,可

1.表单中的文本框完整的名称应该是:

window.document.myform.text1,其中window可以省略,所以我们前面写为:

document.myform.text1就是这样来的。

1)window窗口对象是代表整个浏览器窗口,是最顶层的根。

2)往下包括history历史对象(存放历史信息,可以前进后退的功能)、

2.Window 对象:

名称

说明

document

表示给定浏览器窗口中的 HTML 文档。

history

包含有关客户访问过的URL的信息。

location

包含有关当前 URL 的信息。

name

设置或检索窗口或框架的名称。

status

设置或检索窗口底部的状态栏中的消息。

screen

包含有关客户端的屏幕和显示性能的信息。

方法

名称

说明

alert (“m提示信息")

显示包含消息的对话框。

confirm(“提示信息”)

显示一个确认对话框,包含一个确定取消按钮

prompt(”提示信息“)

弹出提示信息框

open ("url","name")

打开具有指定名称的新窗口,并加载给定 URL 所指定的文档;如果没有提供 URL,则打开一个空白文档

close ( )

关闭当前窗口

setTimeout(”函数”,毫秒数)

设置定时器:经过指定毫秒值后执行某个函数

clearTimeout(定时器对象)

取消setTimeout设置

confirm弹出确认对话框,点击确定返回true ,取消返回false

3.open(”打开窗口的url”,”窗口名”,”窗口特征”)

窗口的特征如下,可以任意组合:

height: 窗口高度;

width: 窗口宽度;

top: 窗口距离屏幕上方的象素值;

left:窗口距离屏幕左侧的象素值;

toolbar: 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable: 是否允许改变窗口大小,yes或1为允许

location: 是否显示地址栏,yes或1为允许

status:是否显示状态栏内的信息,yes或1为允许;

4.全屏显示窗口:

screen.availWidth---屏幕的宽度 (除 Windows 任务栏之外)

screen.availHeight---屏幕的高度 (除 Windows 任务栏之外)。

例如:

也可用:screen.width---显示器屏幕的宽度

screen.height---显示屏幕的高度

? 5.window对象提供了两种方法来实现定时器:

– window. setTimeout(表达式[expression],延时时间[n]),每N秒执行一次

– window. setInterval(表达式[expression],延时时间[n]),过N秒执行一次,循环!

注意:expression可以是用引号括起来的代码,也可以是一个函数名(不能带任何参数的函数):

setTimeout("move()",1000);或setTimeout(move,1000);

? 如何取消定时器:

– 取消setTimeout:window.clearTimeout(id);

– 取消setInterval:window.clearInterval(id);

6.屏幕(screen)对象

? 屏幕对象是JavaScript运行时自动产生的对象

? 屏幕对象常用属性

– height:返回显示屏幕的高度。

– width :返回显示器屏幕的宽度。

– availHeight :返回显示屏幕的高度 (除 Windows 任务栏之外)。

– availWidth:返回显示屏幕的宽度 (除 Windows 任务栏之外)。

– colorDepth:返回目标设备或缓冲器上的调色板的比特深度(每像素中用于颜色的位数,其值为1,4,8,15,16,24,32)。

? 网页可见区域宽:document.body.clientWidth

? 网页可见区域高:document.body.clientHeight

? 网页可见区域宽:document.body.offsetWidth (包括边线的宽)

? 网页可见区域高:document.body.offsetHeight (包括边线的宽)

? 网页正文全文宽:document.body.scrollWidth

? 网页正文全文高:document.body.scrollHeight

? 网页被卷去的高:document.body.scrollTop

? 网页被卷去的左:document.body.scrollLeft

? 网页正文部分上:window.screenTop

? 网页正文部分左:window.screenLeft

? 屏幕分辨率的高:window.screen.height

? 屏幕分辨率的宽:window.screen.width

? 屏幕可用工作区高度:window.screen.availHeight

? 屏幕可用工作区宽度:window.screen.availWidth

? 处理地址栏信息:location对象

– Location对象是wodow对象的子对象,包含了窗口对象的网页地址内容,即URL。例如:

? window.location=“http://www.sohu.com”;//跳转到页面

? window.loaction.href=“http://www.sohu.com”;//同上

? window.location.reload();//刷新页面

? Window.location.replace(url);//用url刷新当前网页

– 用三种方法改变当前网页的网站:

方法1:window.open()

方法2:
location.href

方法3: location.replace()

7.Location对象属性

名称

说明

host

设置或检索位置或 URL 的主机名和端口号

hostname

设置或检索位置或 URL 的主机名部分

Href

设置或检索完整的 URL 字符串

方法:

名称

说明

assign("url")

加载 URL 指定的新的 HTML 文档。

reload()

重新加载当前页

replace("url")

通过加载 URL 指定的文档来替换当前文档

8.历史记录(history)对象

? 历史记录对象是窗口对象下的一个子对象。它实际上是一个对象数组,包含了一系列的用户访问过的url地址,用于浏览器工具栏中的“前进”和“后退”按钮。

? 常用属性和方法

history.length:历史对象的个数

history.back();显示浏览器历史列表中后退一个网址的网页

history.go(n)或者history.go(网址):显示浏览器的历史列表中第n个网址的网页,n>0 前进 n<0 后退

history.forward();//显示浏览器历史列表中前进一个网址的网页

9.Document对象

? document文档对象是window对象的一个主要部分,它包含了网页显示的各个元素对象。

document.write(str);//输出一行

document.writeln(str);//输出一行,并回车

属性:

名称

说明

alinkColor

设置或检索文档中所有活动链接的颜色

bgColor

设置或检索 Document 对象的背景色

body

指定文档正文的开始和结束

linkColor

设置或检索文档链接的颜色

location

包含关于当前 URL 的信息

title

包含文档的标题

url

设置或检索当前文档的 URL

vlinkColor

设置或检索用户访问过的链接的颜色

常用方法:

名称

说明

clear ( )

清除当前文档

close ( )

关闭输出流并强制显示发送的数据

write ("text")

将文本写入文档

本节重点:

? JavaScript 程序是事件驱动程序

? onFocus获得焦点事件,表示获得鼠标光标, onBlur失去焦点事件,刚好与之相反

? 浏览器对象是一个分层次的结构,window是顶层根对象

? 打开窗口使用window对象的open( )方法

? 设置定时器,使用window对象的setTimeout( )方法

? location对象的back( )和forward( )方法等同于前进、后退按钮

人气教程排行