最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

常用的js页面跳转代码

来源:动视网 责编:小采 时间:2020-11-27 19:58:02
文档

常用的js页面跳转代码

常用的js页面跳转代码:一般来说页面的跳转可以通过a标签来进行,但是在某些情况下页面只是写了button或者其他的标签,这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码,希望能帮助到大家。解决方案: 方式一:Location 对象<scri
推荐度:
导读常用的js页面跳转代码:一般来说页面的跳转可以通过a标签来进行,但是在某些情况下页面只是写了button或者其他的标签,这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码,希望能帮助到大家。解决方案: 方式一:Location 对象<scri


一般来说页面的跳转可以通过a标签来进行,但是在某些情况下页面只是写了button或者其他的标签,这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码,希望能帮助到大家。

解决方案:

方式一:Location 对象

<script type="text/javascript">

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

functionnewDoc(){

window.location.assign("http://www.souvc.com/");

}

//reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

functionreloadPage(){

window.location.reload();

}

//replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

functionreplaceDoc(){

window.location.replace("http://www.souvc.com");

}

functionlocationHref(){

window.location.href("http://www.souvc.com");

}

</script>

测试源代码:

 <html>
<head>
<script type="text/javascript">
 //assign() 方法可加载一个新的文档。
 function newDoc(){
 window.location.assign("http://www.souvc.com/");
 }
 //reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
 function reloadPage(){
 window.location.reload();
 }
 //replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。
 function replaceDoc(){
 window.location.replace("http://www.souvc.com");
 }
 function locationHref(){
 window.location.href("http://www.w3school.com.cn/");
 }
</script>
</head>
<body>
<input type="button" value="跳转页面(直接在按钮上加方法)" onClick="location.href='http://www.souvc.com/'">
<br/>
<input type="button" value="跳转页面(加载一个新的文档)" onclick="newDoc()" />
<br/>
<input type="button" value="重新加载页面" onclick="reloadPage()" />
<br/>
<input type="button" value="Replace document" onclick="replaceDoc()" />
<input type="button" value="location href" onclick="locationHref()" />
</body>
</html>

方式二:History对象

<script type="text/javascript">

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

//调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。

functiongoBack()

{

window.history.back();

}

//forward() 方法可加载历史列表中的下一个 URL。

//调用该方法的效果等价于点击前进按钮或调用 history.go(1)。

functiongoForward()

{

window.history.forward();

}

//go() 方法可加载历史列表中的某个具体的页面。history.go(number|URL)

//URL 参数使用的是要访问的 URL,或 URL 的子串。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。

functiongoBack2()

{

window.history.go(-1);

}

</script>

方式三:其他对象

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<a href="javascript:history.go(-1)">返回上一步</a>

<a href="javascript:"onClick="window.open

('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc</a>

self.location='http://www.souvc.com/';

top.location='http://www.souvc.com/';

window.navigate("top.jsp");

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<a href="javascript:history.go(-1)">返回上一步</a>

<a href="javascript:"onClick="window.open

('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc</a>

self.location='http://www.souvc.com/';

top.location='http://www.souvc.com/';

window.navigate("top.jsp");

文档

常用的js页面跳转代码

常用的js页面跳转代码:一般来说页面的跳转可以通过a标签来进行,但是在某些情况下页面只是写了button或者其他的标签,这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码,希望能帮助到大家。解决方案: 方式一:Location 对象<scri
推荐度:
标签: 常用 页面 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top