如何使用JavaScript实现 按钮跳转页面功能?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用JavaScript实现 按钮跳转页面功能?相关的知识,希望对你有一定的参考价值。

如何使用javascript实现 按钮跳转页面功能?

javascript中的location.href有很多种用法,主要如下:
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面
参考技术A 举个例子:
<html>
<body><input type="button" value="跳转到详细页" onclick="f();"></body>
</html>
js:
function f()

window.location.href="jd.com";

以上代码就会跳转到京东了
参考技术B <INPUT type=button value="值" onclick="javascript:parent.main.location='新的跳转页面地址'">

实际上就是点击 onclick=“url”
参考技术C 是window.location吧。。。。。 参考技术D <button onclick="location.href='www.baidu.com';">点击链接到百度</button>本回答被提问者采纳

ASPX直接打印后跳转页面如何实现

网站有三个页面,分别是:a.aspx,b.aspx,c.aspx,他们的关系是,a页面按钮跳转b页面同时不显示a页面,b页面按钮打开新的c页面,就是一个跳转一个打开新页面,现在要实现的是,当点击c页面中的“直接打印”按钮,对当前页面内容进行打印,设定时间过后自动关闭当前C页面且返回到a页面,或者关闭当前页面同时让b页面跳转到a页面。
打印代码如下:
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,2,2);setTimeout('window.close()',5000)>

十分感谢!

参考技术A 定义JS方法
function finishPrint()

window.openner.location.href='a.aspx';//将父页面b转向a.aspx
window.close();//关闭C

然后按钮调用
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,2,2);setTimeout('finishPrint()',5000)>本回答被提问者和网友采纳
参考技术B 考虑使用 body 里的 onafterprint 事件,在该事件中写一个脚本

以上是关于如何使用JavaScript实现 按钮跳转页面功能?的主要内容,如果未能解决你的问题,请参考以下文章

用.NET做网站,在页面放一个按钮,点击按钮实现网页换肤功能,求代码

如何实现点击a标签当所要跳转的页面加载完成后在进行跳转

java程序中如何实现单击页面a中的按钮跳转到页面b

页面按钮如何触发声音事件?

javascript实现页面跳转功能,参数怎么传递?

javaEE如何实现按钮的页面跳转