Cách đơn giản và an toàn nhất để sử dụng toán tử nối [+
] để gán hoặc lưu trữ một khối mã HTML trong một biến JavaScript. Bạn nên sử dụng dấu nháy đơn trong khi cố định khối mã HTML, điều này sẽ giúp dễ dàng giữ nguyên dấu nháy kép trong mã HTML thực tế hơn
Bạn cũng cần thoát khỏi dấu nháy đơn xuất hiện bên trong nội dung của khối HTML — chỉ cần thay ký tự '
bằng ký tự \'
, như minh họa trong ví dụ sau
Các biến JavaScript thường do người dùng xác định trong khi mã hóa hoặc bạn có thể sử dụng dấu nhắc để tìm nạp dữ liệu và lưu trữ dữ liệu đó trong một biến để sử dụng tiếp
Ở đây, chúng tôi sẽ trình bày cách hành động theo một biến do người dùng xác định và sử dụng nó trong HTML, và phần trình diễn sau sẽ giải thích cách lời nhắc có thể giúp chúng tôi về vấn đề này
Cách sử dụng biến do người dùng xác định JavaScript trong HTML
Chúng tôi đang sử dụng jsbin
cho các ví dụ mã và ở đây bạn sẽ thấy phần tử p
được xác định bởi id output
. Ban đầu, biến myPet
được đặt thành
var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
0 và dòng đơn giản sau đó được thực thi trong trang web. var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
1 tìm thấy var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
2 ưa thích và sau đó, các biến được chuyển ở định dạng var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
3 để các biến JavaScript có thể được sử dụng trong var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
4Đoạn mã
Test
var myPet = "Tobey";
var nameLength = myPet.length;
document.getElementById['output'].innerHTML =
myPet + " is a " + nameLength + " letter name!";
đầu ra
Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề biến JS này
Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
Mã số. Phiên bản HTML5
Rohit
Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật