首页 > 开发 > JS > 正文

onclick如何跳转到其他页面,Javascript跳转页面和打开新窗口等方法

2024-09-06 12:41:11
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了onclick如何跳转到其他页面,Javascript跳转页面和打开新窗口等方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

做网站功能的时候,不少的时候我们除了使用<a>标签的跳转功能外,还经常使用到onclick来实现跳转。

如果是本页显示可以直接用location,方法如下:

  ①onclick="javascript:window.location.href='URL'"

  ②onclick="location='URL'"

  ③onclick="window.location.href='URL?id=100'"

☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location

1.在原来的窗体中直接跳转用

onClick="window.location.href='你所要跳转的页面';"

2、在新窗体中打开页面用:

onclick="window.open('你所要跳转的页面')"

3、返回上一页 ( 本地测试无效,服务器上可用)

window.history.back(-1);

<a onclick="JavaScript:history.back(1);" href="#">返回</a>

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

<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一页</a>

4、一些用法

按钮式:

<INPUT name="pclog" type="button" value="361源码网" onClick="location.href='连接地址'">

直接跳转式:

<script>window.location.href='连接地址';</script>

开新窗口:

<a href="javascript:" onClick="window.open('连接地址','','height=500,width=611,scrollbars=yes,status =yes')">123</a>

自动打开<SCRIPT>

<!--

window.open('连接地址','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') //写成一行

-->

</SCRIPT>

方法不少,多多尝试,总会找到适合自己使用的哦

以上就是onclick如何跳转到其他页面,Javascript跳转页面和打开新窗口等方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表