Tài liệu viết bằng JavaScript trên cùng một trang

Phương thức write() trong HTML được sử dụng để viết một số nội dung hoặc mã JavaScript trong Tài liệu. Phương pháp này chủ yếu được sử dụng cho mục đích thử nghiệm. Nó được sử dụng để xóa tất cả nội dung khỏi tài liệu HTML và chèn nội dung mới. Nó cũng được sử dụng để cung cấp văn bản bổ sung cho đầu ra được mở bởi tài liệu. phương thức mở (). Phương thức này khá giống với phương thức writeln()

cú pháp

document.write( exp1, exp2, exp3, .. )

Thông số. Phương thức này chứa nhiều tham số không bắt buộc. Tất cả các đối số biểu thức (exp1, exp2, … ) có thể được liệt kê và hiển thị theo thứ tự xuất hiện.  

Bằng cách sử dụng tài liệu. write(), chúng ta có thể truyền một biểu thức được gọi là 'một đối số' hoặc có thể truyền nhiều giá trị được phân tách bằng dấu phẩy "," được gọi là 'nhiều đối số'. Các giá trị này có thể được hiển thị theo thứ tự tuần tự khi chúng được viết theo phương thức tài liệu. viết bằng javascript

Giá trị trả về của tài liệu JavaScript. viết()

Giá trị trả về của tài liệu. viết trong javascript trong không xác định. Biến này chưa được gán bất kỳ giá trị nào

Ngoại lệ của Tài liệu JavaScript. viết()

Có một số trường hợp ngoại lệ khi có tài liệu. viết bằng phương pháp javascript không hoạt động. Hãy để chúng tôi xem từng người một

• tài liệu. write() trong JavaScript không hoạt động khi tài liệu của bạn có định dạng 'XHTML'. Bạn sẽ gặp lỗi không được hỗ trợ như "Thao tác không được hỗ trợ"
• Nếu tài liệu. write() trong phương thức JavaScript được sử dụng trong tập lệnh trong đó nhiều mã được thực thi song song thì phương thức này sẽ bị bảng điều khiển bỏ qua. Một lỗi sẽ như thế này- "Cuộc gọi đến tài liệu. write() từ tập lệnh bên ngoài được tải không đồng bộ đã bị bỏ qua. "
• Nếu internet chậm hơn nhiều và tài liệu. viết bằng javascript cố gắng đưa một số nội dung vào tài liệu chính, nó có thể khiến thành phần trang chính xuất hiện quá lâu. Cũng có thể trang web sẽ không tải được
• Sau phiên bản 55, Chrome bị hạn chế thực thi các thành phần tập lệnh nếu nó được chèn qua tài liệu. viết phương pháp

Ví dụ

Hãy xem một số ví dụ để hiểu rõ hơn

ví dụ 1. Chúng ta có thể viết một chuỗi vào một trang web

document.write("This is a string");
đầu ra
ví dụ 2. Chúng tôi cũng có thể viết nội dungHTMLml và hiển thị chúng trên một trang web
document.write("This is a HTML content");
đầu ra
Khi tài liệu. write() sẽ thực thi, tất cả nội dung trước đó của trang web sẽ bị xóa và chỉ nội dung bên trong phương thức được hiển thị trên trang web
Tài liệu JavaScript như thế nào. write() Làm việc?
Tài liệu. write() nhằm mục đích hiển thị một số nội dung cụ thể trong cửa sổ trình duyệt. Phương thức này được viết bên trong thẻ "script". Khi phương thức này được gọi, nó sẽ xóa tất cả nội dung trước đó và in nội dung bên trong phương thức. Có một số quy tắc để thực thi các biểu thức bên trong phương thức này như sau
() dấu ngoặc đơn được đánh giá từ trong cùng đến ngoài cùng
+ toán tử được đánh giá từ trái sang phải
',' dấu phân cách được đánh giá từ trái sang phải
Thêm ví dụ
tài liệu. write() trong phương thức JavaScript có thể được sử dụng để hiển thị các loại chuỗi, giá trị và hoạt động khác nhau trên trang web. Có thể truyền nhiều đối số bằng cách sử dụng tài liệu. write() để hiển thị các loại nội dung khác nhau. Hãy để chúng tôi hiểu chúng bằng cách sử dụng các ví dụ của từng



1. Để hiển thị một chuỗi đơn giản


  
    Hello, World!
  
  
      
        
  

đầu ra
2. Chúng ta có thể nối các chuỗi và hiển thị chúng dưới dạng một chuỗi


  
    Hello, World!
  
  
      
        
  

đầu ra
Ở đây chúng tôi đã sử dụng toán tử '+' và thêm '10' vào sau nội dung bên trong dấu ngoặc kép
3. Chúng tôi có thể thực hiện các hoạt động toán học và hiển thị chúng trong kết quả của chúng tôi


  
    Hello, World!
  
  
      
        
  

đầu ra
Giải trình. Bên trong phương thức, đầu tiên chúng ta viết văn bản mà chúng ta cần hiển thị. e. - "tổng của 5+5" bên trong dấu ngoặc kép. sau đó chúng tôi đã sử dụng toán tử '+' để thêm các chuỗi sau đó. Nhưng sau '+', chúng ta cần thực hiện một thao tác là phép cộng và hiển thị kết quả của phép cộng đó. Vì vậy, chúng tôi biểu thức cần được đánh giá, một lần nữa chúng tôi sẽ sử dụng dấu ngoặc đơn trong đó chúng tôi sẽ viết biểu thức như trong ví dụ
4. Chúng tôi có thể in các biến trong đầu ra của các trang web


  
    Hello, World!
  
  
      
        
  

đầu ra



Giải trình. Ở đây, chúng tôi đã tạo một biến "text1" và gọi nó trong tài liệu. write() để in văn bản bên trong biến 'text1'
5. Chúng tôi cũng có thể xác định nhiều biến và nối chúng để in kết quả bằng cách sử dụng tài liệu. viết () trong JavaScript


  
    Hello, World!
  
  
      
        
  

đầu ra
________số 8
Giải trình. Trong ví dụ trên, chúng tôi đã xác định hai biến có tên 'text1' và 'text2' trong đó các biến được lưu trữ. Sau đó, chúng tôi nối hai biến bên trong phương thức và in chúng ở đầu ra
6. Chúng tôi cũng có thể in ngày và giờ của múi giờ hiện tại bằng phương pháp này



  
    Hello, World!
  
  
      
        
  

đầu ra
document.write("This is a string");
0
Trình duyệt được hỗ trợ
Sau đây là tên của các trình duyệt hỗ trợ tài liệu. phương thức write()` trong JavaScript
Tên trình duyệtHỗ trợ trên phiên bản Phiên bản Internet Explorer >= 6(Aug 2001)Mozilla Firefox Version >= 2(Oct 2006)Microsoft Edgeversion >= 12(Jul 2015)Google Chromeversion >= 4(Jan 2010)Safariversion >= 3. 1(Tháng 3 năm 2008)
 

Làm cách nào để viết trong cùng một trang bằng JavaScript?
Nếu bạn muốn thêm nội dung vào một trang, bạn cần làm việc với DOM. Google "tạo div javascript" hoặc "tạo span javascript" để làm ví dụ, về cơ bản bạn cần phải tạo một phần tử có văn bản của bạn trong đó và thêm phần tử đó vào phần của trang mà bạn muốn . .
Làm cách nào để hiển thị kết quả trong cùng một trang trong JavaScript?
<. LOẠI TÀI LIỆU html>
 
 
 
 
 
hàm showInput() {
 
tài liệu. getElementById('hiển thị'). bên trongHTML =
 
tài liệu. getElementById("user_input"). giá trị;
 
Tài liệu có ghi đè lên toàn bộ trang không?
ghi là được, nó ghi đè lên toàn bộ trang khi chèn nội dung . Đó là một trong những lý do chính không nên sử dụng tài liệu. viết. Trong mã này, chúng tôi có một div với id là “iamhere” và chúng tôi đã lưu trữ div đó trong một biến có tên là “d”. 
Tại sao document write() không được khuyến nghị nữa?
Document write() được định nghĩa là lệnh viết mã trên tài liệu bằng HTML hoặc Javascript. Tuy nhiên, điều này không được khuyến nghị vì nó làm chậm quá trình tải nội dung cơ bản của trang chủ .