使用Javascript创建简单的动态标题

Question

我对javascript一无所知。

有人可以给我写一些简单的javascript代码来执行以下操作。

假设您有以下网址：

example.com/form
example.com/form?v=China
example.com/form?v=Brazil

代码可以执行以下操作：

如果有人到达没有参数的页面（即。/ form），则标题应为：

出口货物

如果某些人到达带有参数的页面（例如/ form？v = China），则标题应为：

将您的货物导出至{v}

- 即“将货物出口到中国”

非常感谢提前

Answer 1

您可以在页面末尾添加此<script>：

<script>
    var url = window.location.search;
    if (url.length) {
        url = url.replace("?v=", "");
        document.getElementById("main_heading").innerHTML = "Export Your Goods To " + url;
    } else {
        document.getElementById("main_heading").innerHTML = "Export Your Goods";
    }
</script>

如果您有以下heading：

<h2 id="main_heading"></h2>

Answer 2

当你有像

这样的HTML时

<h2>Export Your Goods To <span id="location"></span></h2>

然后你可以用jQuery设置值

$("#location").text("testing");

要获得可以使用的值：

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

用法：

var value = getParameterByName('v');
$("#location").text(value);