window常用的属性
名称 | 说明 |
---|---|
history | 有关客户访问过的URL的信息 |
location | 有关当前URL的信息 |
screen | 只读属性,包括有关客户端显示屏幕的信息 |
window常用的方法
名称 | 说明 |
---|---|
prompt() | 显示可提示用户输入的对话框 |
alert() | 显示一个带有提示信息和一个“确定”按钮的警示对话框 |
confirm() | 显示一个带有提示信息、“确定”、“取消”按钮的对话框 |
close() | 关闭浏览器窗口 |
open() | 打开一个新的浏览器窗口,加载给定URL所指定的文档 |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式 |
setInterval() | 按照指定的周期(以毫秒计)来调用函数或表达式 |
示例 1:
//跳转到相应网页
window,location = "http://www.bdqn.cn";
//根据返回值做相应的操作
var bool = window.confirm("是否删除");
//关闭窗口
window.close();
open()语法:window.open("url","窗体名称","窗体特征");
窗体特征的属性
名称 | 说明 |
height、width | 窗口文档显示区的高度、宽度,以像素计 |
left、top | 窗口的 x坐标、y坐标,以像素计 |
tooIbar = yes | no | 1 | 0 | 是否显示浏览器的工具栏,默认是yes |
scrIIbars = yes | no | 1 | 0 | 是否显示滚动条,默认是yes |
location = yes | no | 1 | 0 | 是否显示地址栏,默认是yes |
status = yes | no | 1 | 0 | 是否添加状态栏,默认是yes |
resizable = yes | no | 1 | 0 | 窗体是否可调节尺寸,默认是yes |
menuble = yes | no | 1 | 0 | 是否显示菜单栏,默认是yes |
titlebar = yes | no | 1 | 0 | 是否显示标题栏,默认是yes |
fullscreen = yes | no | 1 | 0 | 是否使用全屏模式使用浏览器,默认是no |
history对象与location对象
history对象的方法
名称 | 说明 |
back() | 加载history对象列表中的前一个URL(相当浏览器中的后退按钮) |
forward() | 加载history对象列表中的后一个URL(相当浏览器中的前进按钮) |
go() | 加载history对象列表中某一个具体URL(相当于运行浏览器历史列表中的URL) |
history.go(1);//表示前进
history.go(-1);//表示后退
location对象的属性和方法
名称(属性) | 描述 |
host | 设置或返回主机名和当前URL的端口号 |
hostname | 设置或返回当前URL的主机名 |
href | 设置或返回完整的URL |
名称(方法) | 描述 |
reload() | 重新加载当前文档 |
replace() | 用新的文档替代当前文档 |
示例 2:
<a href="javascript:location.href =' https://www.baidu.com/'">百度链接</a>
document对象
document对象的常用属性
名称 | 描述 |
referrer | 返回载入当前文档的URL |
URL | 返回当前文档的URL |
var url = document.referrer;
//根据url的值可用来判断用户是从那个地址进来的
document对象的常用方法
名称 | 描述 |
getElementById() | 返回对拥有指定id的第一个对象的引用 |
getElementsByName() | 返回带有指定名称的对象的集合 |
getElementsByTagName() | 返回带有指定标签名的对象的集合 |
write() | 向文档写文本,HTML表达式或JavaScript代码 |
getElementById()方法一般用于访问 div、图片、表单元素、网页标签等,但要求访问对象的id是唯一的
getElementsByName()方法与getElementById()方法相似,但它访问的是具有name属性的元素,由于一个文档中的name属性可能不唯一,因此getElementsByName()方法一般用于访问一组相同anme属性的元素
getElementsByTagName()方法是按标签来访问页面元素的,一般用于访问一组相同的元素。如一组<input>
document对象方法简单使用:
<h1 id = "h1_value">文本</h1>
<input name="text" value="chun" type="text">
<input name="text" value="xia" type="text">
<input name="text" value="qiu" type="text">
<input name="text" value="dong" type="text">
<input name="btn" type="button" value="更改" οnclick="show()">
<script>
function show() {
var str = "";
var array = document.getElementsByTagName("input");
for(var i = 0;i<array.length;i++){
str += array[i].value;
}
document.getElementById("h1_value").innerHTML=str;
}
</script>
Date对象
语法:var 名称 = new Date(参数);
参数是字符串格式 "MM DD, YYYY, hh:mm:ss"
如:
var today = new Date("July 15,2013,16:34:28");
Date对象的常用方法
方法 | 说明 |
getDate() | 返回Date对象的一个月中的每一天,其值1-31 |
getDay() | 返回Date对象的星期中的每一天,其值0-6 |
getHours() | 返回Date对象的小时数,其值0-23 |
getMinutes() | 返回Date对象的分钟数,其值0-59 |
getSeconds() | 返回Date对象的秒数,其值0-59 |
getMonth() | 返回Date对象的月数。其值0-11 |
getFullYear() | 返回Date对象的年份,其值为四位数 |
getTime() | 返回自某一时刻(1970/1/1)以来的毫秒数 |
Math对象的常用方法
方法 | 说明 | 示例 |
ceil() | 对数进行上舍入 | Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-25 |
floor() | 对数进行下舍入 | Math.floor(25.5);返回25 Math.floor(-25.5);返回-26 |
round() | 把数四舍五入为最接近的数 | Math.round(25.5);返回26 Math.round(-25.5);返回-26 |
random() | 返回0-1中的随机数 | Math.random(); |
//返回1-100的数
var iNum = Math.floor(Math.random()*100+1);
//返回2-99的数
var iNum1 = Math.floor(Math.random()*98+2);
常用的定时函数
setTimeout() 用于在指定的毫秒后调用函数或计算表达式。
语法:setTimeout("函数名称",毫秒数);
只执行一次
setInterval() 可按照指定的周期(以毫秒计)来调用函数或计算表达式
语法:setInterval("函数名称",毫秒数);
按周期执行
clearTimeout()和clearInterval()
clearTimeout()函数用来清除由setTimeout()函数设置的定时器
语法:clearTimeout(setTimeout()返回的id值);
clearInterval()函数用来清除由setTimeout()函数设置的定时器
语法:clearInterval(setTimeout()返回的id值);