JavaScript在button上点击一个页面
我想在这里做一个非常简单的任务,我希望能够点击一个页面上的button,让我到另一个页面。 我试过window.location.href和其他一些东西,它什么都不做。 我已经尝试了不同的平台和不同的浏览器,所有的结果都一样。
我知道它可以调用一个函数,但我不能得到新的页面加载。 这也是在我的本地文件系统中,两个页面都处于同一级别(但我也尝试加载www.apple.com等外部页面)。
有什么想法吗?
感谢Patrick
简单的代码来redirect页面
<!-- html button designing and calling the event in javascript --> <input id="btntest" type="button" value="Check" onclick="return btntest_onclick()" /> <script language="javascript" type="text/javascript"> function btntest_onclick() { window.location.href = "http://www.google.com"; } </script>
不要滥用<a>元素就足够的表单元素。
<style> /* or put this in your stylesheet */ .button { display: inline-block; padding: 3px 5px; border: 1px solid #000; background: #eee; } </style> <!-- instead of abusing a button or input element --> <a href="url" class="button">text</a>
只是window.location = "http://wherever.you.wanna.go.com/"
,或者,对于本地链接, window.location = "my_relative_link.html"
。
你也可以在地址栏中input,例如javascript: window.location = "http://www.google.com/"
。
另请注意,URL( http://
)的协议部分对于绝对链接不是可选的; 省略它会使JavaScript假设一个相对的链接。
这里的答案可以在同一个浏览器窗口/选项卡中打开页面。
但是,我希望页面在新窗口/标签中打开时,他们点击一个button。 (选项卡/窗口决定取决于用户的浏览器设置)
所以下面是在新标签页/窗口中打开页面的过程 :
<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button>
它不一定是一个button,你可以在任何地方使用。 注意用于在新选项卡/窗口中打开的_blank 。