[blazor] javascript 실행하기

요즘 blazor에 푹 빠져서 공부하고 있는데 완전 편한게 많은거 같네요

blazor에서 자바스크립트를 실행하는 방법을 정리 해볼게요

 

코드

@page "/test"
@inject IJSRuntime JS

<button class="btn btn-primary"  onclick="@btn_Click" >완료</button>
@code{

	void btn_Click()
    {
        JS.InvokeAsync<Object>("alert", "메시지 출력");
    }
    
}

 

1. 우성 페이지 최상단에 자바스크립트 런타임을 선언해 줘야 합니다.

2. 버튼 이벤트를 코드와 연결합니다.

3. 해당 이벤트 코드에서 런타임을 호출해서 InvokeAsync를 통해서 메시지를 출력합니다.

 

이상으로 초간단 자바스크립트 호출 방법 이었습니다.