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.


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.