Làm cách nào để hiển thị văn bản động trong HTML bằng JavaScript?
Bạn cũng có thể tạo một tập lệnh đơn giản để sửa đổi nội dung của tiêu đề trong trang web (hoặc bất kỳ thành phần nào, đối với vấn đề đó). Như bạn đã học trước đó trong chương này, thuộc tính nodeValue của một nút văn bản chứa văn bản thực của nó và nút văn bản cho một tiêu đề là con của tiêu đề đó. Do đó, cú pháp để thay đổi văn bản của một tiêu đề với định danh head1 sẽ là Show var heading1 = document.getElementById("heading1"); heading1.firstChild.nodeValue = "New Text Here"; Điều này gán đối tượng của tiêu đề cho biến có tên là tiêu đề1. Thuộc tính firstChild trả về nút văn bản là nút con duy nhất của tiêu đề và thuộc tính nodeValue của nó chứa văn bản tiêu đề Sử dụng kỹ thuật này, thật dễ dàng để tạo một trang cho phép thay đổi tiêu đề một cách linh hoạt. Liệt kê 6. 8 hiển thị tài liệu HTML hoàn chỉnh cho tập lệnh thực hiện điều đó DANH SÁCH 6. 8 Ví dụ sửa đổi văn bản hoàn chỉnhDynamic Text in JavaScript Dynamic Text in JavaScript Ví dụ này xác định một biểu mẫu cho phép người dùng nhập tiêu đề mới cho trang. Nhấp vào nút sẽ gọi hàm changeTitle(), được định nghĩa trong Trong bài viết này, chúng ta sẽ biết Cách tạo một trang HTML động bằng HTML, CSS và JavaScript. Trước tiên hãy cho chúng tôi biết trang HTML động thực sự là gì Trang HTML động, như tên gợi ý đề cập đến một trang HTML động theo cách có thể tùy chỉnh và thay đổi theo đầu vào của người dùng. Ví dụ. -
Nếu bạn muốn tìm hiểu thêm về các trang HTML động, bạn có thể xem bài viết này DHTML JavaScript Tiếp theo, chúng ta sẽ chú ý đến các chuỗi - đây là những đoạn văn bản được gọi trong lập trình. Trong bài viết này, chúng ta sẽ xem xét tất cả những điều phổ biến mà bạn thực sự nên biết về chuỗi khi học JavaScript, chẳng hạn như tạo chuỗi, thoát dấu ngoặc kép trong chuỗi và nối các chuỗi lại với nhau điều kiện tiên quyết. Trình độ máy tính cơ bản, hiểu biết cơ bản về HTML và CSS, hiểu biết về JavaScript là gì. Khách quan. Để làm quen với những kiến thức cơ bản về chuỗi trong JavaScriptTừ ngữ rất quan trọng đối với con người — chúng là một phần quan trọng trong cách chúng ta giao tiếp. Vì Web là một phương tiện chủ yếu dựa trên văn bản được thiết kế để cho phép con người giao tiếp và chia sẻ thông tin, nên sẽ rất hữu ích nếu chúng ta có quyền kiểm soát các từ xuất hiện trên đó. HTML cung cấp cấu trúc và ý nghĩa cho văn bản của chúng ta, CSS cho phép chúng ta tạo kiểu chính xác cho văn bản và JavaScript chứa một số tính năng để thao tác chuỗi, tạo lời nhắc và thông báo chào mừng tùy chỉnh, hiển thị nhãn văn bản phù hợp khi cần, sắp xếp các thuật ngữ theo thứ tự mong muốn, Gần như tất cả các chương trình mà chúng tôi đã cho bạn xem trong khóa học đều liên quan đến một số thao tác chuỗi Thoạt nhìn, các chuỗi được xử lý tương tự như các số, nhưng khi tìm hiểu sâu hơn, bạn sẽ bắt đầu thấy một số khác biệt đáng chú ý. Hãy bắt đầu bằng cách nhập một số dòng cơ bản vào bảng điều khiển dành cho nhà phát triển trình duyệt để làm quen
Để khắc phục dòng mã sự cố trước đó của chúng tôi, chúng tôi cần thoát khỏi dấu ngoặc kép của sự cố. Thoát ký tự có nghĩa là chúng tôi làm điều gì đó với chúng để đảm bảo rằng chúng được nhận dạng dưới dạng văn bản, không phải là một phần của mã. Trong JavaScript, chúng tôi làm điều này bằng cách đặt dấu gạch chéo ngược ngay trước ký tự. Thử cái này Dynamic Text in JavaScript Dynamic Text in JavaScript2 Điều này hoạt động tốt. Bạn có thể thoát các ký tự khác theo cách tương tự, e. g. 4, ngoài ra còn có một số mã đặc biệt. Xem để biết thêm chi tiếtConcatenate chỉ có nghĩa là "kết hợp với nhau". Để nối các chuỗi lại với nhau trong JavaScript, bạn có thể sử dụng một loại chuỗi khác, được gọi là mẫu chữ Mẫu chữ trông giống như một chuỗi bình thường, nhưng thay vì sử dụng dấu ngoặc kép đơn hoặc kép ( 5 hoặc 6), bạn sử dụng ký tự backtick ( 7)Dynamic Text in JavaScript Dynamic Text in JavaScript7 Điều này có thể hoạt động giống như một chuỗi bình thường, ngoại trừ bạn có thể bao gồm các biến trong đó, được bao bọc bên trong các ký tự 8 và giá trị của biến sẽ được chèn vào kết quảDynamic Text in JavaScript Dynamic Text in JavaScript9 Bạn có thể sử dụng kỹ thuật tương tự để nối hai biến lại với nhau 0Chúng ta hãy xem phép nối đang được sử dụng trong hành động 1 2Ở đây chúng tôi đang sử dụng hàm 9, yêu cầu người dùng trả lời câu hỏi thông qua hộp thoại bật lên, sau đó lưu trữ văn bản họ nhập bên trong một biến nhất định — trong trường hợp này là 0. Sau đó, chúng tôi sử dụng hàm 1 để hiển thị một cửa sổ bật lên khác chứa chuỗi chèn tên vào thông báo lời chào chungBạn cũng có thể nối các chuỗi bằng toán tử 2 3Tuy nhiên, mẫu chữ thường cung cấp cho bạn mã dễ đọc hơn 4Vậy điều gì sẽ xảy ra khi chúng ta cố gắng kết hợp một chuỗi và một số? 5Bạn có thể mong đợi điều này trả về một lỗi, nhưng nó vẫn hoạt động tốt. Việc cố gắng biểu thị một chuỗi dưới dạng một số không thực sự có ý nghĩa, nhưng việc biểu thị một số dưới dạng một chuỗi thì có, vì vậy trình duyệt sẽ chuyển đổi số thành một chuỗi và nối hai chuỗi đó lại Nếu bạn có một biến số mà bạn muốn chuyển đổi thành chuỗi nhưng không thay đổi ngược lại hoặc biến chuỗi bạn muốn chuyển đổi thành số nhưng không thay đổi ngược lại, bạn có thể sử dụng hai cấu trúc sau
Những cấu trúc này có thể thực sự hữu ích trong một số trường hợp. Ví dụ: nếu người dùng nhập một số vào trường văn bản của biểu mẫu, thì đó là một chuỗi. Tuy nhiên, nếu bạn muốn thêm số này vào một thứ gì đó, thì bạn cần nó phải là một số, vì vậy bạn có thể chuyển nó qua 5 để xử lý việc này. Chúng tôi đã làm chính xác điều này trongBạn có thể bao gồm các biểu thức JavaScript trong chữ mẫu, cũng như các biến đơn giản và kết quả sẽ được đưa vào kết quả 8Chữ mẫu tôn trọng các ngắt dòng trong mã nguồn, vì vậy bạn có thể viết các chuỗi kéo dài nhiều dòng như thế này 9Để có đầu ra tương đương khi sử dụng một chuỗi bình thường, bạn phải bao gồm các ký tự ngắt dòng ( 6) trong chuỗi 0Xem trang tham khảo văn bản mẫu của chúng tôi để biết thêm ví dụ và chi tiết về các tính năng nâng cao Vì vậy, đó là những điều cơ bản về chuỗi được trình bày trong JavaScript. Trong bài viết tiếp theo, chúng ta sẽ xây dựng vấn đề này, xem xét một số phương thức tích hợp có sẵn cho các chuỗi trong JavaScript và cách chúng ta có thể sử dụng chúng để thao tác các chuỗi của mình thành dạng chúng ta muốn JavaScript có thể đưa văn bản động vào trang HTML không?Đây là cách đơn giản nhất để tự động sửa đổi nội dung- sử dụng thuộc tính innerHTML . Bằng cách sử dụng thuộc tính này, được hỗ trợ trong tất cả các trình duyệt hiện đại, chúng tôi có thể gán HTML hoặc văn bản mới cho bất kỳ phần tử ngăn chặn nào (chẳng hạn như
Làm cách nào để hiển thị dữ liệu động trong bảng HTML bằng JavaScript?Tạo bảng động (quay lại Sample1. . Lấy đối tượng body (mục đầu tiên của đối tượng tài liệu) Tạo tất cả các yếu tố Cuối cùng, nối từng con theo cấu trúc bảng (như hình trên). Mã nguồn sau đây là phiên bản nhận xét cho sample1. html Làm cách nào để thêm văn bản động trong JavaScript?Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#2
#3
#4
Top 6 thử thách thần chết thuyết minh phần 2 20237 tháng trước#5
#6
Top 5 áo khoác nam quảng châu cao cấp 20237 tháng trước#7
#8
Top 9 mẫu đồng phục công sở đẹp 2022 20237 tháng trước#9
Top 5 ốp lưng iphone 13 pro bảo vệ camera 20237 tháng trướcQuảng cáoXem NhiềuQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 boxhoidap.com Inc.
|