ดังที่เราทราบใน PHP ฟังก์ชัน echo และ print ใช้สำหรับแสดงผลบนหน้าจอ ดังนั้น เมื่อผู้ใช้เริ่มเขียนโค้ดด้วย JavaScript พวกเขาจะสงสัยอย่างแน่นอนเกี่ยวกับวิธีพิมพ์ผลลัพธ์บนหน้าจอใน JavaScript โดยทั่วไปแล้ว JavaScript จะใช้ในการสร้างเว็บแอปพลิเคชันแบบไดนามิกซึ่งมีวิธีการที่กำหนดไว้ล่วงหน้าหลายวิธีในการปฏิบัติงาน
บทความนี้จะอธิบายเมธอด JavaScript ที่เทียบเท่ากับเมธอด echo/print ใน PHP
มี PHP echo/print ที่เทียบเท่าใน JavaScript หรือไม่
ใช่ ใน JavaScript มีเมธอดที่กำหนดไว้ล่วงหน้าหลายวิธีในการแสดงเอาต์พุตไปยังคอนโซลหรือเพจ HTML ซึ่งมีรายการด้านล่าง:
โซลูชันที่ 1: ใช้เมธอด “console.log()” ใน JavaScript ให้เทียบเท่ากับ echo/print ใน PHP
“ คอนโซล.ล็อก() ” วิธีการใน JavaScript ช่วยให้คุณสามารถพิมพ์ข้อความไปยังคอนโซลของเบราว์เซอร์และเทียบเท่ากับฟังก์ชันเสียงสะท้อนและการพิมพ์ของ PHP
ตัวอย่าง
โทรหา “ คอนโซล.ล็อก() ” วิธีการพิมพ์ข้อความบนคอนโซล:
คอนโซล บันทึก ( 'ยินดีต้อนรับสู่ลินุกซ์' ) ;
ข้อความแสดงบนคอนโซลสำเร็จโดยใช้จาวาสคริปต์ “ คอนโซล.ล็อก() ' วิธี:
โซลูชันที่ 2: ใช้เมธอด “document.write()” ใน JavaScript ให้เทียบเท่ากับ echo/print ใน PHP
ใช้ ' document.write() ” วิธีการใน JavaScript ที่เทียบเท่ากับฟังก์ชัน echo/print ใน PHP เป็นการแสดงข้อความบนหน้าเว็บ วิธีนี้มักใช้สำหรับการเพิ่มเนื้อหาแบบไดนามิกไปยังหน้าเว็บ
ตัวอย่าง
ส่งข้อความไปที่ “ document.write() ” วิธีการพิมพ์บนหน้าเว็บ:
เอกสาร. เขียน ( 'ยินดีต้อนรับสู่ลินุกซ์' ) ;จะเห็นได้ว่าข้อความได้ถูกพิมพ์บนหน้าเว็บเรียบร้อยแล้ว:
โซลูชันที่ 3: ใช้เมธอด “document.appendChild()” ใน JavaScript ให้เทียบเท่ากับ echo/print ใน PHP
ใช้ “ document.appendChild() ” วิธีการพิมพ์ข้อความบนเว็บไซต์โดยใช้ JavaScript และเทียบเท่ากับฟังก์ชัน echo หรือการพิมพ์ของ PHP วิธีนี้ใช้สำหรับเพิ่มองค์ประกอบใหม่ลงในเอกสาร HTML เช่นองค์ประกอบ
หรือ
ตัวอย่าง
สร้างองค์ประกอบแท็ก
โดยใช้ “ สร้างองค์ประกอบ () ” method และเก็บค่าอ้างอิงไว้ในตัวแปร “ ข้อความ ”:
เคยเป็น ข้อความ = เอกสาร. สร้างองค์ประกอบ ( 'พี' ) ;ใช้ ' ข้อความภายใน ” แอตทริบิวต์สำหรับกำหนดข้อความสำหรับแสดงบนหน้าเว็บ:
ข้อความ. ข้อความภายใน = 'ยินดีต้อนรับสู่ลินุกซ์' ;ตอนนี้ เพิ่มองค์ประกอบในเอกสาร HTML โดยใช้ ' ผนวกเด็ก () ' วิธี:
เอกสาร. ร่างกาย . ผนวกเด็ก ( ข้อความ ) ;เอาต์พุต
โซลูชันที่ 4: ใช้แอตทริบิวต์ “innerHTML” ใน JavaScript ให้เทียบเท่ากับ echo/print ใน PHP
คุณยังสามารถใช้ “ HTML ภายใน คุณสมบัติ ” ใน JavaScript เทียบเท่ากับฟังก์ชัน echo/print ใน PHP อนุญาตให้เข้าถึงหรือเปลี่ยนแปลงเนื้อหาขององค์ประกอบ HTML คุณสมบัตินี้มักใช้เพื่ออัปเดตเนื้อหาแบบไดนามิกเพื่อตอบสนองต่ออินพุตของผู้ใช้หรือเหตุการณ์อื่นๆ
ตัวอย่าง
สร้างองค์ประกอบ
ใน HTML ที่เราจะเปลี่ยนข้อความ:
< รหัสพี = 'ข้อความ' > พิมพ์ข้อความที่นี่ หน้า > 
ในไฟล์ JavaScript รับการอ้างอิงของแท็ก
โดยใช้ ' getElementById() ' วิธี:
เคยเป็น องค์ประกอบ = เอกสาร. getElementById ( 'ข้อความ' ) ;ใช้ “ HTML ภายใน คุณสมบัติ ” เพื่อกำหนดข้อความใหม่สำหรับแสดงบนหน้าเว็บแบบไดนามิก:
องค์ประกอบ. HTML ภายใน = 'ยินดีต้อนรับสู่ลินุกซ์' ;ข้อความจะได้รับการอัปเดตแบบไดนามิก:
เราได้จัดเตรียมวิธีแก้ปัญหาที่เป็นไปได้ทั้งหมดสำหรับการพิมพ์ข้อความบนหน้าเว็บโดยใช้ JavaScript ที่เทียบเท่ากับฟังก์ชัน echo/print ใน PHP
บทสรุป
ใน JavaScript มีวิธีการที่กำหนดไว้ล่วงหน้าหลายวิธีในการแสดงผลลัพธ์หรือข้อความไปยังคอนโซลหรือหน้า HTML รวมถึง ' คอนโซล.ล็อก() ' วิธี, ' document.write() ' วิธี, ' document.appendChild() ” วิธีการ หรือ “ HTML ภายใน ' คุณลักษณะ. บทความนี้อธิบายเมธอดใน JavaScript ที่เทียบเท่ากับเมธอด echo/print ใน PHP