宿主对象

Window 对象方法
Window 对象表示浏览器中打开的窗口

• alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

var arr = "hello world";
alert(arr);

• blur() 方法可把键盘焦点从顶层窗口移开。

myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.blur()

• clearInterval() 方法可取消由 setInterval() 设置的 timeout。

var timer = setInterval(function(){
    var t = new Date();
    t = document.getElementById('clock').value;
},500);
oBox.onmousemove = function(){
    clearInterval(timer);
}

• clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

<script type="text/javascript">
var c=0;
var timer;
function timedCount(){
  c=document.getElementById('txt').value;
  c=c+1;
  timer=setTimeout("timedCount()",1000);
 }
function stopCount(){
  clearTimeout(timer);
 }
</script>

<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>

• close() 方法用于关闭浏览器窗口。

<script type="text/javascript">
function closeWin(){
  myWindow.close()
}

myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
</script>

<input type="button" value="Close 'myWindow'"
onclick="closeWin()" />

• confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

var str = "hello world!";
confirm(str);

• focus() 方法可把键盘焦点给予一个窗口。

myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()

• moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。

window.moveBy(100,80)//把窗口右移100个像素，下移80个像素

• moveTo() 方法可把窗口的左上角移动到一个指定的坐标。

window.moveTo(200,150)//把窗口移动到坐标为(200,100)的位置

• open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

window.open("index.html")//在新窗口打开

• prompt() 方法用于显示可提示用户进行输入的对话框。

 function disp_prompt(){
  var name=prompt("请输入您的名字","Bill Gates");
  if (name!=null && name!=""){
    document.write("你好，" + name + "！今天过得好吗？");
  }
 }
<input type="button" onclick="disp_prompt()"value="显示一个提示框" />

Location 对象方法
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

• assign() 方法可加载一个新的文档。

function newDoc(){                                  window.location.assign("http://www.w3school.com.cn")
}

<input type="button" value="Load new document" onclick="newDoc()" />

• reload() 方法用于重新加载当前文档。

function reloadPage(){
  window.location.reload()
}

<input type="button" value="Reload page"
onclick="reloadPage()" />

• replace() 方法可用一个新文档取代当前文档。

function replaceDoc(){
    window.location.replace("http://www.blog.csdn.net")
}
<input type="button" value="Replace document" onclick="replaceDoc()" />

Screen 对象的方法

• availHeight 属性声明了显示浏览器的屏幕的可用高度，以像素计。（除 Windows 任务栏之外）

document.write(screen.availHeight);

• availWidth 属性声明了显示浏览器的屏幕的可用宽度，以像素计。（除 Windows 任务栏之外）

document.write(screen.availWidth)

• height 属性声明了显示浏览器的屏幕的高度，以像素计。

document.write(screen.height)

• width 属性声明了显示浏览器的屏幕的宽度，以像素计。

document.write(screen.width)

History 对象的方法

• back() 方法可加载历史列表中的前一个 URL（如果存在）。

function goBack(){
  window.history.back()
}
<input type="button" value="Back" onclick="goBack()" />

• forward() 方法可加载历史列表中的下一个 URL。调用该方法的效果等价于点击前进按钮或调用 history.go(1)。

function goForward(){
  window.history.forward()
}

<input type="button" value="Forward" onclick="goForward()" />

• go() 方法可加载历史列表中的某个具体的页面。

function goBack(){
  window.history.go(-1)//加载前一个页面
}
<input type="button" value="Back" onclick="goBack()" />