Question

我是JS新手，一直强迫自己从事大部分前端工作，因为我认为这是我工作中最好的学习经历。

简而言之，我试图获取当前页面的URL，并将其粘贴到新页面的“标题”文本区域中。

基本思路：点击按钮后打开新标签页。

var curUrl = window.location.href;
var link   = 'www.issue.com/'
var button = $('#my-button');

button.on('click', function() {
  window.open(link, '_blank');
});

打开所需站点后，我想将先前站点的URL粘贴到新站点输入中。

$(document).on('load', function() {
  $('#title-box').val(url);
});

我花了几个小时尝试研究自己在研究中发现的许多问题。任何帮助将不胜感激！

Answer 1

您可以使用JS来获取URL；

var url = window.location.href;

现在有两种方法可以实现您想要的；

1。将数据存储在本地存储/会话存储中

  localStorage.setItem("prevurl", url); //OR sessionStorage.setItem("prevurl", url);

现在在新打开的页面中按照您的代码进行操作；

$(document).on('load', function() {
    var prevUrl = localStorage.getItem("prevurl"); //OR sessionStorage.getItem("prevurl");
    $('#title-box').val(prevUrl);
});

2。第二个选项如下所示，即通过get参数发送以前的网址

在上一页中

 $("button").click(function(){
    window.open("newpageurl?ref=" + window.location.href);
 })

在新页面中；

  var curUrl = window.location.href;
  var ref = getRefFromUrl(curUrl);   //implement getRefFromUrl function yourself

最后；

  $('#title-box').val(ref);

在win.open之后更改外部页面上的id值

1 个答案: