如何在jsp中动态生成规范标签

Question

需要在jsp中添加规范标签

<link rel="canonical" url="http://www.example.com"/>

但我不想硬编码 url 值。

我怎样才能做到这一点。

我尝试过使用数据绑定技术，但在查看源代码时， 链接标签显示为

<link rel="canonical" href="" data-bind="attr:{href: ko.toJS($root.seoURLCanonical)}"/>

而不是

<link rel="canonical" url="http://www.example.com"/>

在检查时我们可以看到规范链接标记为

<link rel="canonical" href="http://www.example.com" data-bind="attr:{href: ko.toJS($root.seoURLCanonical)}"/>

Answer 1

您可以设置html标签的id并将ViewModel附加到它：

简单示例：

<html id="htmlTag">
<head>
    <script src="<c:url value='/static/js/knockout-3.4.0.js' />"></script>
    <script src="<c:url value='/static/js/jquery-1.10.2.js' />"></script>

    <link rel="canonical" data-bind="attr:{url: seoURLCanonical}"/>
</head>
<body>
<script type="text/javascript">
    $(function () {
        var viewModel = {
            seoURLCanonical: "http://www.example.com"
        };

        ko.applyBindings(viewModel, document.getElementById("htmlTag"));
    });
</script>
</body>
</html>

在 DOM 检查器中，您将看到：