2015/12/22--window对象

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>window对象</title>
<script type="text/javascript">
//显示对话框
function disp_alert(){
alert("我是一个消息框");
}
//显示带有折行的对话框
function dis_alert(){
alert("嗨,在这里显示到" + " \n" + "如何折行");
}
//显示确认框
function show_confirm(){
var r = confirm("press a button!");
if( r == true){
alert("You pressed Ok!");
}else{
alert("You pressed camcel!");
}
}
//显示提示框
function disp_prompt(){
var name = prompt("请输入你的名字","snoopy");
if( name!=null && name!=""){
document.write("hello," + name + "!how are you?");
}
}
//通过点击按钮来打开一个窗口
function Open_window(){
window.open("http://www.baidu.com");
}
//打开一个新窗口,并控制其外观
function open_win(){
window.open("http://www.w3school.com.cn","_blank","toolbar=yes, location=yes, directories=no," +
" status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400," +
" height=400");
}
//通过一次点击打开多个窗口
function open_wind(){
window.open("http://www.baidu.com");
window.open("http://www.w3school.com.cn");
}
//把用户带到一个新的地址
function currentLocation(){
alert(window.location);
}
function newLocation(){
window.location = "/index.html";
}
//重新加载文档
function replaceLoad(){
window.location.reload();
}
//在窗口的状态栏设置文本
window.status = "Some text in the status bar!";
//打印页面
function printpage(){
window.print();
}
//跳出框架
function breakout(){
if( window.top!=window.self){
window.top.location = "/1/index.html";
}
}
//调整窗口的大小
function resizeWindow(){
top.resizeBy(-100,-100);
}
//把窗口调整为指定的大小
function resizewindow(){
top.resizeTo(500,500);
}
//滚动文档
function scrollwindow(){
window.scrollBy(100,100);
}
//把窗口滚动到指定的位置
function scrollwindow1(){
window.scrollTo(100,100);
}
//简单的计时
function timedMsg(){
var t=setTimeout("alert(‘5 seconds!‘)",5000);
}
//另一个简单的计时
function timeSet(){
var t1=setTimeout("document.getElementById(‘txt‘).value=‘2 seconds!‘",2000);
var t2=setTimeout("document.getElementById(‘txt‘).value=‘4 seconds!‘",4000);
var t3=setTimeout("document.getElementById(‘txt‘).value=‘6 seconds!‘",6000);
}
</script>
</head>
<body>
<!--显示对话框-->
<input type="button" onclick="disp_alert()" value="显示消息框">
<!--显示带有折行的对话框-->
<input type="button" onclick="dis_alert()" value="显示折行消息框">
<!--显示确认框-->
<input type="button" onclick="show_confirm()" value="show a confirm box!">
<!--显示提示框-->
<input type="button" onclick="disp_prompt()" value="显示一个提示框">
<!--通过点击按钮来打开一个窗口-->
<input type="button" onclick="open_window()" value="Open a new window!">
<!--打开一个新窗口,并控制其外观-->
<input type="button" onclick="open_win()" value="open window">
<!--通过一次点击打开多个窗口-->
<input type="button" onclick="open_wind()" value="同时打开几个窗口">
<!--把用户带到一个新的地址-->
<input type="button" onclick="currentLocation()" value="Change current window URL!">
<input type="button" onclick="newLocation()" value="改变URL">
<!--重新加载文档-->
<input type="button" onclick="replaceLoad()" value="重新加载页面">
<!--在窗口的状态栏设置文本-->
<p>请看状态栏中的文本。</p>
<!--打印页面-->
<input type="button" onclick="printpage()" value="打印本页">
<!--跳出框架-->
<input type="button" onclick="breakout()" value="跳出框架">
<!--调整窗口的大小-->
<form>
<input type="button" onclick="resizeWindow()" value="调整窗口的大小">
</form>
<p><b>注释:</b>我们使用的是 <b>top</b> 元素而不是 <b>window</b> 元素来表示顶级框架。如果您没有使用框架,请使用 <b>
window</b> 元素。</p>
<!--把窗口调整为指定的大小-->
<form>
<input type="button" onclick="resizewindow()" value="change the size of window">
</form>
<p><b>注释:</b>我们使用的是 <b>top</b> 元素而不是 <b>window</b> 元素来表示顶级框架。如果您没有使用框架,请使用 <b>
window</b> 元素。</p>
<!--滚动文档-->
<input type="button" onclick="scrollwindow()" value="滚动文档">
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<!--把窗口滚动到指定的位置-->
<input type="button" onclick="scrollwindow1()" value="滚动文档">
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<p>snoopysnoopysnoopysnoopysnoopysnoopysnoopysnoopy</p>
<br>
<br>
<br>
<br>
<!--简单的计时-->
<form>
<input type="button" onclick="timedMsg()" value="显示消息框哦">
</form>
<p>点击上面的按钮,五秒之后显示一个消息框。</p>
<!--另一个简单的计时-->
<form>
<input type="button" value="显示计时的文本" onclick="timeSet()">
<input type="text" id="txt">
</form>
<p>在按钮上面点击。输入框会显示出已经流逝的 2、4、6 秒钟。</p>
</body>
</html>

时间: 2024-08-01 22:45:00

2015/12/22--window对象的相关文章

2015.12.22 类的三大特性 协议的简单介绍

类的三大特性:封装.继承.多态 封装: 1. 对于头文件里面的一些成员变量,可以使用@private @public @protected来限制权限 @public  公有的 类本身可以访问,子类可以继承,外部也可以访问 pxd->name @private 私有的 类本身可以访问,子类无法继承,外部不可以访问 @protected 受保护的 类本身可以访问, 子类可以继承, 外部不可以访问.默认就是protected 2.需要给外部使用的方法或者属性就定义在头文件里面声明.h 不需要暴露给外部

Daily Scrumming* 2015.12.22(Day 14)

一.团队scrum meeting照片 二.成员工作总结 姓名 任务ID 迁入记录 江昊 任务1112 无 任务说明 今天没有写前端界面,而是完成了跨域请求的实现以及用户实名认证API 前后端大部分数据交互通过ajax实现,ajax无法跨域,导致前端开发时若要调试功能,必须和后端在同一个端口下,多人挤在一起,不利于协作,也无法发挥个人的自由性,因而今日学习并解决了跨域请求的问题 问题解决没有代码嵌入,主要是技术方案,后端响应前端发送的ajax请求时,要按CORS规范返回Access-Contro

2015/12/23--部分window对象

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>部分window对象</title> <script type="text/javascript"> //无穷循环中的计时 var c = 0; var t; function timeCount(){ document.getE

JavaSciptj高级程序设计 2015/12/28

第三章 基本概念 一.区分大小写 ECMAScript中的一切(变量.函数名和操作符)都区分大小写 二.标识符(变量.函数.属性的名字.函数的参数) (1)第一个字符必须是一个字母.下划线(-)或一个美元符号($) (2)其他字符可以是字母.下划线.美元符号或者数字 (3)采用驼峰大小写格式:第一个字母小写,剩下的每个单词的首字母大写 例如:firstSecond 三.注释 单行注释: // 多行注释: /* * * */ 四.严格模式 为javacript定义了一种不同的解析与执行模型.在严格

&lt;JavaScript&gt; 六. window对象的属性和方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 /* 7 BOM: Browser Object Model 浏览器对象模型 8 提供了访问和操作浏览器各组件的方式 9 10 window: 浏览器窗口 JS中最大的对象, 其它对象都是它的子对象 11 location: 地址栏 12

window对象常用方法

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

BOM的window对象的属性及其方法

Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY.FRAMESET或 FRAME元素时,都会自动建立window对象的实例.另外,该对象的实例也可由window.open()方法创建.由于window对象是其它大部 分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用.例如:window.document.write()可以 简写成: document.write(). 在窗口中觖发本窗

js window对象常用内容

window对象表示的是浏览器的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. 没有多个框架,在一个框架中,window为一个,所以window可以省略书写. 它有很多属性和方法. Navigator   获取浏览器的信息 Screen     获取屏幕的信息 History    包含用户在浏览器窗口中访问过的 URL. Location     包含有关当前 URL 的信息

window对象细节(转载)

Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY.FRAMESET或FRAME元素时,都会自动建立window对象的实例.另外,该对象的实例也可由window.open()方法创建.由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用.例如:window.document.write()可以简写成: document.write(). 在窗口中觖发本窗口对象