Khả năng hiển thị JavaScript
JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:
- Viết thành một phần tử HTML, sử dụng const msg = ` hello world! `9.
- Viết vào đầu ra HTML bằng let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);0.
- Viết vào một hộp cảnh báo, sử dụng let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);1.
- Viết vào bảng điều khiển trình duyệt, sử dụng let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);2.
Sử dụng InternalHtml
Để truy cập phần tử HTML, JavaScript có thể sử dụng phương thức let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);3.
Thuộc tính let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);4 xác định phần tử HTML. Thuộc tính const msg = ` hello world! `9 xác định nội dung HTML:
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
My First Paragraph
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getElementById("demo").innerHTML = 5 + 6;
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write ()
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
My first paragraph.
document.getEuityById ("demo"). Internhtml = 5 + 6;
document.write(5
+ 6);
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »delete all existing HTML:
Thí dụ
document.getEuityById ("demo"). Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write ()
Thí dụ
document.getEuityById ("demo"). Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
window.alert(5 + 6);
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Thí dụ
document.getEuityById ("demo"). Internhtml = 5 + 6;
My First Web Page
My first paragraph.
Hãy tự mình thử »
alert(5 + 6);
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write ()
Thí dụ
document.getEuityById ("demo"). Internhtml = 5 + 6;
console.log(5 + 6);
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Hãy tự mình thử »
Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.
Sử dụng document.write ()
Đối với mục đích thử nghiệm, thuận tiện khi sử dụng let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);0:
Thí dụ
Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getEuityById ("demo"). Internhtml = 5 + 6;
Try it Yourself »
Trình biên dịch trực tuyến JavaScript
Viết, chạy và chia sẻ mã JavaScript trực tuyến bằng trình biên dịch JS trực tuyến của OneCompiler miễn phí. Đây là một trong những trình biên dịch trực tuyến mạnh mẽ, giàu tính năng cho ngôn ngữ JavaScript. Bắt đầu với trình chỉnh sửa JavaScript của OneCompiler rất dễ dàng và nhanh chóng. Trình chỉnh sửa hiển thị mã nồi hơi mẫu khi bạn chọn ngôn ngữ làm JavaScript và bắt đầu mã hóa.
Về JavaScript
JavaScript (JS) là ngôn ngữ lập trình hướng đối tượng tuân thủ các tiêu chuẩn tập lệnh ECMA. JavaScript được yêu cầu để thiết kế hành vi của các trang web.
Các tính năng chính
- Open-source
- Chỉ trong thời gian biên dịch ngôn ngữ
- Được nhúng cùng với HTML và làm cho các trang web còn sống
- Ban đầu được đặt tên là Livescript.
- Thực thi trong cả trình duyệt và máy chủ có các công cụ JavaScript như V8 (Chrome), Spidermonkey (Firefox), v.v.
Cú pháp trợ giúp
sự định nghĩa biến
var | VAR được sử dụng để khai báo các biến (cách khai báo cũ) | Chức năng hoặc phạm vi toàn cầu |
để cho | cũng được sử dụng để khai báo các biến (cách mới) | Phạm vi toàn cầu hoặc khối |
hăng sô | Const được sử dụng để khai báo các giá trị const. Khi giá trị được gán, nó không thể được sửa đổi | Phạm vi toàn cầu hoặc khối |
hăng sô
Const được sử dụng để khai báo các giá trị const. Khi giá trị được gán, nó không thể được sửa đổi
let greetings = `Hello ${name}`Chuỗi backtick
const msg = ` hello world! `Nội suy
Chuỗi nhiều dòng
Syntax:
let arrayName = [value1, value2,..etc]; // or let arrayName = new Array("value1","value2",..etc);Example:
let mobiles = ["iPhone", "Samsung", "Pixel"]; // accessing an array console.log(mobiles[0]); // changing an array element mobiles[3] = "Nokia";Mảng
Một mảng là một tập hợp các mục hoặc giá trị.
Arrow functions can be written in multiple ways. Below are couple of ways to use arrow function but it can be written in many other ways as well.
Hàm mũi tên
() => expressionExample:
const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] const squaresOfEvenNumbers = numbers.filter(ele => ele % 2 == 0) .map(ele => ele ** 2); console.log(squaresOfEvenNumbers);De-structuring
Nội suy
let [firstName, lastName] = ['Foo', 'Bar']Chuỗi nhiều dòng
let {firstName, lastName} = { firstName: 'Foo', lastName: 'Bar' }Mảng
const { title, firstName, lastName, ...rest } = record;Một mảng là một tập hợp các mục hoặc giá trị.
//Object spread const post = { ...options, type: "new" } //array spread const users = [ ...adminUsers, ...normalUsers ]Hàm mũi tên
const msg = ` hello world! `0Các chức năng mũi tên giúp các nhà phát triển viết mã theo cách ngắn gọn, nó được giới thiệu trong các chức năng ES6.arrow có thể được viết theo nhiều cách. Dưới đây là một vài cách để sử dụng chức năng mũi tên nhưng nó cũng có thể được viết theo nhiều cách khác.
Cú pháp:
Các đối tượng
Nhà điều hành REST (...)
const msg = ` hello world! `1Nhà điều hành lây lan (...)
Chức năng
Nhà điều hành REST (...)
const msg = ` hello world! `2Nhà điều hành lây lan (...)
Chức năng
Nhà điều hành REST (...)
const msg = ` hello world! `3Nhà điều hành lây lan (...)
Chức năng
const msg = ` hello world! `4Vòng lặp
1. Nếu:
const msg = ` hello world! `5Nếu được sử dụng để thực thi một khối mã dựa trên một điều kiện.
Cú pháp
const msg = ` hello world! `62. if-else:
Phần khác được sử dụng để thực thi khối mã khi điều kiện không thành công.