Jak użyć tej zmiennej JavaScript w HTML?

Jak użyć tej zmiennej JavaScript w HTML?

HTML jest teraz nawet w kilku ramach tworzenia stron internetowych, które ułatwiają życie programistom. Istnieje jednak kilka funkcji JavaScript wykorzystywanych w HTML do uczynienia stron internetowych bardziej atrakcyjnymi. Gdy obiekt jest ładowany do HTML, właściwość Onload jest aktywowana. Będzie to uruchamiać skrypt za każdym razem, gdy odpowiedni element ładuje. Zdarzenie Onload Window jest ustawione, gdy nastąpi udane uruchomienie strony internetowej.

Ten zapis wyjaśni metodę stosowania tej zmiennej JavaScript w HTML.

Jak używać tej zmiennej JavaScript w HTML?

Aby użyć tej zmiennej JavaScript w HTML, wypróbuj podane instrukcje.

Krok 1: Utwórz pojemnik „Div”

Najpierw stwórz pojemnik „div” za pomocą „<div>”Tag. Włóż także „ID”Atrybut i przypisz nazwę do identyfikatora wewnątrz znacznika otwierającego„ Div ”:


Krok 2: Zdefiniuj funkcję JavaScript

W "„Element, określamy następujący kod:


W wyżej wymieniony fragment:

    • Najpierw zdefiniuj „okno.Onload”Funkcja wywoływana, gdy okno załaduje.
    • Następnie zainicjuj zmienną z nazwą, która pojawi się w oknie po załadowaniu.
    • "var długości”Jest wykorzystywany do obliczenia długości wprowadzonej nazwy.
    • "dokument.getElementById ().InnerHtml”Zwróci element HTML jako obiekt JavaScript, który ma wstępnie zdefiniowaną właściwość InnerHTML. „„InnerHtml„Właściwość zawiera zawartość znacznika HTML.

Można zauważyć, że dostęp do obecnego obiektu jest dostępny, a długość jego wartości wewnętrznej została wyświetlona:


Chodzi o użycie tej zmiennej JavaScript w HTML.

Wniosek

Aby użyć tej zmiennej JavaScript w HTML, zdefiniuj „okno.Onload”Funkcja wywoływana podczas przeładowywania okna. Następnie zainicjuj zmienne „Fname" I "Nazwa długości„Aby obliczyć długość wprowadzonej nazwy. „„dokument.getElementById ().InnerHtml”Zwróci element HTML jako obiekt JavaScript, który ma wstępnie zdefiniowaną właściwość InnerHTML. Ten post wyjaśnił o użyciu tej zmiennej JavaScript w HTML.