js跳转页面与打开新窗口的方法

Chason
2021-02-03 / 0 评论 / 0 点赞 / 868 阅读 / 448 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

参考:https://www.cnblogs.com/lijshui/p/7451360.html

精简

Vue文件内部方法

  methods: {
    gotolink(url) {
      // 同窗口打开
      window.location.href = url;
      // 新窗口打开
      window.open(url);
    }
  },

详细

1.超链接<a href="http://www.baidu.com" title="百度">[Welcome</a>](http://www.baidu.com "百度")

等效于js代码

window.location.href="http://www.baidu.com";     //在同当前窗口中打开窗口

2.超链接<a href="http://www.baidu.com" title="百度" target="_blank">Welcome</a>
等效于js代码

window.open("http://www.baidu.com");                 //在另外新建窗口中打开窗口
0

评论区