泉州浮桥网页设计培训班实例笔记HTML DOM 实例(七)-Location 对象

Location 对象   学习更多精品实战课程:泉州电脑设计培训班

把用户带到一个新的地址

<html><head>

<script type=”text/javascript”>

function currLocation(){

alert(window.location)

}

function newLocation(){

window.location=”/index.html”

}

</script>

</head>

<body>

<input type=”button” onclick=”currLocation()” value=”显示当前的 URL”>

<input type=”button” onclick=”newLocation()” value=”改变 URL”>

</body></html>

重新加载文档

<html>

<head>

<script type=”text/javascript”>

function reloadPage()

{

window.location.reload();

}

</script>

</head>

<body>

 

<input type=”button” value=”重新加载页面” onclick=”reloadPage()” />

 

</body>

</html>

跳出框架

<html>

<head>

<script type=”text/javascript”>

function breakout()

{

if (window.top!=window.self)

{

window.top.location=”http://www.pxclass.com”

}

}

</script>

</head>

<body>

 

<input type=”button” onclick=”breakout()” value=”跳出框架!”>

 

</body>

</html>

锚的数组

<html><head>

<script type=”text/javascript”>

function linkTo(y){

var x=window.open(“/example/hdom/anchors.htm”,””,”scrollbars=yes,width=250,height=200″)

x.location.hash=y

}

</script>

</head><body>

<h3>Links and Anchors</h3>

<p>点击一个按钮,来显示第二个窗口中的锚。</p>

<input type=”button” value=”0″ onclick=”linkTo(0)”>

<input type=”button” value=”1″ onclick=”linkTo(1)”>

<input type=”button” value=”2″ onclick=”linkTo(2)”>

<input type=”button” value=”3″ onclick=”linkTo(3)”>

</body></html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注