【问题标题】:How to open new html file using java script [closed]如何使用java脚本打开新的html文件[关闭]
【发布时间】:2014-04-02 16:52:54
【问题描述】:

假设我有两个 html 文件:'page1' 和 'page2'

page1 中的代码:

<html>

<body>
page1
<a href="page2.html" target="_blank"> click to go to page 2</a>
</body>

</html>

page2中的代码:

<html>

<body>
page2
<a href="page1.html" target="_blank"> click to go to page 1 </a>
</body>

</html>

使用它,我可以在同一窗口的新选项卡中使用 page1 中的超链接打开 page2,反之亦然

是否可以用javascript做同样的事情

【问题讨论】:

  • 使用window.open(urlhere)
  • 如果您想在同一窗口中打开页面,请使用location.href = "page2.html";
  • 我正在使用一个按钮,我正在使用 'window.open('page2.html','_newtab');'在其中,我应该一键打开两个以上的新标签,但我无法做到这一点,因为只打开了最后一个标签,就像最后一个标签有点覆盖以前的标签
  • OP 要求一个新标签,而不是当前页面或弹出窗口。

标签: javascript jquery html


【解决方案1】:

可能有很多方法..

1.

<script language="javascript" type="text/javascript">
    window.location.href="login.jsp?backurl="+window.location.href;
</script>

2.

<script language="javascript">
    alert("back");
    window.history.back(-1);
</script>

3.

<script language="javascript">
    window.navigate("top.jsp");
</script>

4.

<script language="JavaScript">
    self.location="top.htm";
</script>

5.

<script language="javascript">
    alert("Access Violation");
    top.location="error.jsp";
</script>

6.

<script language="javascript">
    window.location = window.location.host;
</script>

【讨论】:

  • 嘿,感谢您提供这么多选择,这对我帮助很大...
【解决方案2】:

检查这个问题here.你可以使用

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

【讨论】:

    【解决方案3】:

    您可以将click 事件侦听器添加到您的链接元素(或任何其他元素),并在location 对象中设置href 属性。让我们使用内联onclick 来说明:

    <a href="index.html" onclick="location.href='index.html';return false;">Link</a>
    

    通过点击该元素,onclick 处理程序将被执行,设置href,即当前地址。通过返回false,将阻止默认操作(请参阅MouseClick.preventDefault())。

    这是 HTML 超文本行为的一种 JavaScript 代理。您还可以使用Window.location 做其他很酷的事情。

    【讨论】:

      猜你喜欢
      • 2018-12-26
      • 1970-01-01
      • 2013-12-29
      • 1970-01-01
      • 1970-01-01
      • 2016-09-22
      • 2014-11-18
      • 2013-01-04
      • 1970-01-01
      相关资源
      最近更新 更多