javascript入门之window对象【新手必看】
窗体焦点控制函数 :
JavaScript focus() 函数 :使窗体或空间获得焦点
JavaScript blur() 函数 :使窗体或控件失去焦点
新建窗体函数 :
JavaScript open() 函数 :打开(弹出)一个 新的窗体
JavaScript close() 函数 :关闭 窗体
JavaScript opener 属性 :通过opener可以实现跨窗体之间的 通讯,但是要保证是在同一域名下,而且一个 窗体要包含另一个 窗体的opener。
window.open(url,name,features,replace);
函数参数说明:
url -- 要载入窗体的URL;
name -- 新建窗体的名称 (也可以是HTML target属性 的取值,目标);
features -- 代表窗体特性的字符串,字符串中每个特性使用逗号分隔;
replace -- 一个 布尔值,说明新载入的页面 是否替换当前载入的页面 ,此参数通常不用指定。
方法示例:
首先使用普通HTML链接 打开一个 页面 (target名为dreamdu),之后使用open函数 打开另一个 页面 ,浏览器首先要查找是否有名称 为dreamdu的窗体,如果有,就在这 个窗体中加载open的地址。
经过设置的open
rush:js;">
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
弹窗方法 :
方法 一:
页面时弹出窗口;
方法 二:
页面时弹出窗口;
open函数 第三个参数features说明:
函数features参数说明">
参数名称
类型
说明
显示地址栏,默 认值为no默认值为no默认值为no显示工具栏,默 认值为no显示状态栏,默 认值为no
特性字符串中的每个特性使用逗号分隔,每个特性之间不允许有空格。
window.open函数 新建立窗体后会返回新建窗体的window对象,通过此对象可以控制窗体(移动,改变大小,关闭 )。
close函数 :
rush:js;">
self.close();配合上setTimeout()可以实现,打开的窗口定时关闭 的效果 。
对话框函数 :
JavaScript alert() 函数 :弹出消息对话框(对话框中有一个 OK按钮)
JavaScript confirm() 函数 :弹出消息对话框(对话框中包含一个 OK按钮与Cancel按钮)
JavaScript prompt() 函数 :弹出消息对话框(对话框中包含一个 OK按钮、Cancel按钮与一个 文本输入框)
alert();
不说。
confirm(str);
confirm()消息对话框是排它的,也就是在用户 点击对话框的按钮前,不能进行任何其它操作。
rush:js;">
if(confirm("确定跳大?"))
{
alert("果断跳大");
}
else
{
alert("猥琐打钱");
}
显示 如下:
prompt(str1,str2);
函数 有两个参数
str1 -- 要显示 在消息对话框中的文本,不可修改
str2 -- 文本框中的内容 ,可以修改
rush:js;">
var sResult=prompt("请在下面输入你的姓名","撼地神牛");
if(sResult!=null)
{
alert(sResult + "已经超越神的杀戮");
}
else
{
alert("无名氏已经超越神的杀戮");
}
显示 如下:
时间等待与间隔函数 :
JavaScript setTimeout() 函数
JavaScript clearTimeout() 函数
JavaScript setInterval() 函数
JavaScript clearInterval() 函数
1、setTimeout()、clearTimeout() 在指定的时间后调用 函数
语法:
setTimeout(fun,time); fun:函数 体或函数 名,time指定时间,单位为毫秒。
clearTimeout(id); 取消指定的setTimeout函数 将要执行的代码
rush:js;">
setTimeout(function () {
document.write("隔3秒后触发");
},3000) //在3秒后
输出
setTimeout(fun1,5000); //在5秒后输出
function fun1() {
document.write("函数 名的方式5秒后触发");
}
2、setInterval()、clearInterval(value) 在间隔指定的事件后重复调用 函数
语法:
setInterval(fun1,time) fun:函数 体或函数 名,time指定的时间,单位为毫秒。会返回一个 值,这个值是统计 该函数 的个数用的,第一个 是1,第二个就是2,指明是第几个setInterval函数 。
clearInterval(value) value:setInterval()函数 返回的值,根据这个值可以停止setInterval()的重复。
rush:js;">
var i = 0;
var h = setInterval(function () {
document.write("3秒
输出 一次
");
i++;
if (i >= 3) {
clearInterval(h);
document.write("停止
输出 ");
}
},3000);
注意,javascript是单线程的,因此,这个定时函数 实际上是通过插入执行队列的方式来实现。
如下面的代码 :
rush:js;">
function fn() {
setTimeout(function(){alert('can you see me?');},1000);
while(true) {}
}
alert();永远都不会执行,因为线程一直被死循环占用了。
window.location子对象
解析URL对象location
location对象的属性 有:href,protocal,host,hostname,port,pathname,search,hash
rush:js;">
document.write(location.href + "
"); // http://localhost:4889/javascriptTest.html
document.write(location.protocol + "
"); // http:
document.write(location.host + "
"); // localhost:4889
document.write(location.hostname + "
"); // localhost
document.write(location.port + "
"); // 4889
document.write(location.pathname + "
"); // /javascriptTest.html
document.write(location.search + "换行
"); //http://localhost:4889/javascriptTest.html?id=1&name=张三 如果路径是这样,则
输出 ?id=1&name=%E5%BC%A0%E4%B8%89
document.write(location.hash); //http: //localhost:4889/javascriptTest.html#kk=你好?id=1&name=张三 如果路径是这样,则
输出 #kk=你好?id=1&name=张三
载入新文档
location.reload() 重新加载页面
location.replace() 本窗口载入新文档
location.assign() 本窗口载入新文档
location = "" // 跳转 到指定网址
location = "search.html" //相对路径跳转
location = "#top" //跳转 到页面 顶部
浏览历史
History()对象的back()与forward() 与浏览器的“后退”,"前进"功能 一样。
history.go(-2); 后退两个历史记录
浏览器和屏幕信息
navigator.appName Web浏览器全称
navigator.appVersion Web浏览器厂商和版本的详细字符串
navigator.userAgent 客户端绝大部分信息
navagator.platform 浏览器运行所在的操作系统
rush:js;">
document.write(navigator.userAgent + "
"); // Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.11 (KHTML,like Gecko) Chrome/23.0.1271.97 Safari/537.11
document.write(navigator.appName + "
"); //
netscape
document.write(navigator.appVersion + "
"); //5.0 (Windows NT 6.1) AppleWebKit/537.11 (KHTML,like Gecko) Chrome/23.0.1271.97 Safari/537.11
document.write(navigator.platform); //Win32
窗口的关系
parent == self 只有顶级窗口才返回true
parent和top属性 允许脚本引用它的窗体的祖先,通常窗体是通过
5、event事件对象
最有用的两个操作:阻止事件冒泡。有时return false;不管用,这个或许就管用了。
rush:js;">
//IE:
window.event.cancelBubble = true;//停止冒泡
window.event.returnValue = false;//阻止事件的
默 认行为
//Firefox:
event.preventDefault();// 取消事件的默 认行为
event.stopPropagation(); // 阻止事件的传播
以上就是本文的全部内容 ,希望对大家有所帮助,同时也希望多多支持 编程之家!