复制 URL 参数并粘贴到 HTML答案

【问题标题】：Copy URL parameter and paste on HTML复制 URL 参数并粘贴到 HTML
【发布时间】：2019-04-05 21:07:04
【问题描述】：

我有这个“参数”%%name%%工作，这个%%name%%将被替换为用户名在我的网址上。

我的网址是：

http://www.inversa.com/XV-MI-LJI-GLP-AIN-20181101-ADEA-PSNL-PR3-X/马库斯

我需要一个脚本，在最后一个“/”之后复制那个“参数”，然后粘贴到我想要的 HTML 代码中。

示例：您好，Marcus。

【问题讨论】：

您可以使用 window.location.href.split('/').pop() 从 URL 中读取值，但是在安全方面要非常小心。你让别人对你的网站进行 XSS 攻击变得非常容易。
另外，在 url 中隐藏该字符串是什么意思？如果该字符串不在 url 中，则会将用户发送到不同的页面
这可能会有所帮助 -> stackoverflow.com/questions/12832317/…
有人能把剧本发给我吗？我是 javascript 新手
我们不会根据要求发送或提供免费脚本，我们会在这里协助真正的努力。

标签： javascript jquery html

【解决方案1】：

如果 URL 长度始终相同（即，在 66 个字符之后它将显示您想要的值），您可以使用 slice() 轻松实现。工作示例：

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);

希望有帮助！

在此处阅读更多关于 tto 字符串的 JavaScript 方法https://developer.mozilla.org/cs/docs/Web/JavaScript/Reference/Global_Objects/String

祝你好运！

注意：为了获取 URL，请将其替换为该行：

var str = window.location.href;

这对您的特定用例有好处，但我认为您应该从其他来源获取该名称...

【讨论】：

【解决方案2】：

你可以试试这个代码：

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <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/Marcus";
      var name=url.split("/").pop(-1);
      document.getElementById('myH1').innerHTML=name;//put into h1 the name
      
    });

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

【讨论】：