在HTML文本上复制和粘贴URL参数

时间:2018-11-01 17:34:08

标签: javascript jquery html

我有一个来自ExactSales的参数,称为 %% name %%

当我向订户发送一封电子邮件时,参数将替换为用户名。假设用户是Paul,在我的电子邮件中将替换为该名称。

  

示例:您好,保罗

在这些电子邮件中,我有一个带有URL的按钮,该URL也被自动替换,因为它也具有参数 %% name %% ;

  

http://www.mysubscribers.com/XX-XX-20181101-XX-XX/ 保罗

此URL会打开一个包含我的内容的登录页面。

我需要一个脚本来复制URL中最后一个“ /”之后的参数,并将其粘贴到我想要的HTML代码中。

  

示例:您好,保罗

有可能吗? 我对javascript不太了解,有人可以帮我吗?

var url = window.location.href;
var parameters = url.split('/');
console.log(parameters[parameters.length - 1])

或类似的

var str = "http://www.inversa.com/XV-MI-LJI-GLP-AIN-20181101-ADEA-PSNL-PR3-X/Marcus"; 
var res = str.slice(66);
console.log("Hello," + res);

以及如何在HTML中复制所需的位置?

你好, NAME

2 个答案:

答案 0 :(得分:0)

如果要使链接更具动态性,请假定链接始终以/ name结尾。

此代码将在每个斜杠处将字符串分成一个数组,然后获取数组的最后一项。

html代码:

<p>Hello <span id="name"></span></p>

JavaScript代码

$(document).ready(() => {
  getUrl();
});

function getUrl(){
  var url = window.location.href;
  var str = url.split('/');
  var name = str.pop();
  $('#name').html(name);

}

答案 1 :(得分:0)

如果我了解您的问题,则可以使用以下代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <!-- copy last item of a link es.
      http://www.mysubscribers.com/XX-XX-20181101-XX-XX/Paul
      you get Paul
      -->
      <meta charset="utf-8">
      <title> test</title>
      <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function(event) {
        var url="http://www.mysubscribers.com/XX-XX-20181101-XX-XX/Paul";
      var name=url.split("/").pop(-1);
      document.getElementById('myH1').innerHTML=name;//put into h1 the name
      alert(name);//show alert with name

    });

    </script>
    </head>
    <body>
    <h1 id="myH1"></h1>
    </body>
    </html>