在 head 标签中动态添加 <link rel=“canonical”

add a <link rel="canonical" dynamically in the head tag

本文关键字：rel link canonical 标签 head 动态 添加      更新时间：2023-09-26

我需要根据正在加载的页面动态地将链接rel标签添加到head标签中。有没有办法使用 page.header.controls.add 方法来做到这一点？还是只能通过JavaScript或jQuery来实现？提前感谢您的帮助。

你能试试这个吗

if(!document.getElementById('id2')) { var link = document.createElement('link'); link.id = 'id2'; link.rel = 'stylesheet'; link.href = 'CSS/Css1.cs'; document.head.appendChild(link); }

您可以使用 HtmlGenericControl 类来实现此目的：

HtmlGenericControl linkFile = new HtmlGenericControl("link");
linkFile.Attributes.Add("rel", "canonical");
linkFile.Attributes.Add("href", "testPath");
Page.Header.Controls.Add(linkFile);

我们也可以使用这个：

 HtmlLink clink = new HtmlLink();
    clink.Attributes.Add( HtmlTextWriterAttribute.Rel.ToString().ToLower(), "canonical");
    clink.Href = "http://www.test.co.in/";
    Page.Header.Controls.Add(clink);
相关文章：