Live Chat Icon For mobile
Live Chat Icon

How do I get the current page title in Blazor?

Platform: Blazor| Category : Routing, Tips and Tricks

You can get the current page title in Blazor by using the “title” property of the document object in JavaScript and by using a .JavaScript interop since there is no DOM accessibility in Blazor. The following example shows how to get the page name.

[script.js]

window.getTitle = () => { 
       return document.title; 
};
@page "/"

@inject IJSRuntime jsRuntime

<h2>Page Title: @Title</h2>

<button class="btn btn-primary" @onclick="@GetTitle">Get Title</button>


@code {

    public string Title = "";
    
    public async void GetTitle()
    {
            Title = await jsRuntime.InvokeAsync<string>("getTitle");
     }
}

Share with

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.