我如何动态地添加一个网址为JavaScript,拿到第二个页面的div来显示第一页上?(How ca

2019-10-20 22:26发布

好了,这是我有一个工程中,起始的代码:

$(document).ready(function(){
  $('.currentpagediv').load('http://theurl.com/page2/somethingsomewhere.html .secondpagedivclass');
});

这里做的事情,就是找到当前页面上的DIV, <div class="currentpagediv"> ,并添加第二页( http://theurl.com/page2/somethingsomewhere.html )DIV <div class="secondpagedivclass">

因此,例如,说我有这样的页面:

<html>
  <body>
    <div class="currentpagediv">
    </div>
  </body>
</html>

那么什么我上面的代码所做的是让这样的:

<html>
  <body>
    <div class="currentpagediv">
    </div>
    <div class="secondpagedivclass">
    </div>
  </body>
</html>

这正是我想要它做的。 所以,我有我需要的功能。

但问题是,我需要的URL部分是动态的
例如,当前页面总是http://theurl.com/page1/[a path].html ,以及新的一页,我需要获取股利总是http://theurl.com/page2/[the same path].html

所以基本上,我需要的URL,仅更改/page1//page2/ ,同时保留了这一点。 这样我可以在域的所有网页上运行,它会从添加部分page2page1

像这样:


原始页面http://theurl.com/page1/365743668.html

<html>
  <body>
    <div class="currentpagediv">
    </div>
  </body>
</html>

第二页http://theurl.com/page2/365743668.html

<html>
  <body>
    <div class="secondpagedivclass">
    </div>
  </body>
</html>

NEW原始网页,所述脚本运行ON(仍然http://theurl.com/page1/365743668.html ):

<html>
  <body>
    <div class="currentpagediv">
    </div>
    <div class="secondpagedivclass">
       [THE INFO FROM PAGE `http://theurl.com/page2/365743668.html`]
    </div>
  </body>
</html>

我尝试过很多事情,但他们没有工作。

这是我尝试不工作:


function changeURL() {
        var theURL = location.pathname.toString();
        var newURL = theURL.replace("/page1/", "/page2/");
}
$(document).ready(function(){
  $('.currentpagediv').load(changeURL() '.secondpagedivclass');
});

在上面的代码,我想:

  1. 获取当前页面的网址
  2. 该URL转换为字符串,所以我可以
  3. 修改URL,然后
  4. 添加功能changeURL()代替后的URL去哪里.load('

请注意,我要使它工作使用jQuery这个方法 (而不是另一种方法),因为我也想学习,并给了我完全不同的东西是不会帮助我学习如何做到这一点的方法。

Answer 1:

你只是缺少字符串连接操作, +

$('.currentpagediv').load(changeURL() + ' .secondpagedivclass');

不要忘记之前的空间.secondpagedivclass

changeURL函数需要返回的结果:

function changeURL() {
    var theURL = location.pathname;
    var newURL = theURL.replace("/page1/", "/page2/");
    return newURL;
}

你并不需要使用.toString()因为路径是一个字符串。



文章来源: How can I dynamically add a URL into javascript, to get a second page's div to display on the first page?