码迷,mamicode.com
首页 > Windows程序 > 详细

2015/12/22--window对象

时间:2015-12-22 22:47:28      阅读:360      评论:0      收藏:0      [点我收藏+]

标签:

<!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>

2015/12/22--window对象

标签:

原文地址:http://www.cnblogs.com/whatcanido/p/5068126.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!