home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีส่งข้อความข้ามเอกสารด้วย HTML

สร้าง browsing context ใหม่โดยการสร้าง iframe ใหม่หรือหน้าต่างใหม่ สามารถส่งข้อมูลด้วย postMessage() ซึ่งมี 2 อาร์กิวเมนต์:

  • message - ข้อความที่จะส่ง
  • targetOrigin - ชื่อ origin ปลายทาง

ตัวอย่างการส่งข้อความจาก iframe ไปยังปุ่ม:

var iframe = document.querySelector('iframe');
var button = document.querySelector('button');
var clickHandler = function(){
  iframe.contentWindow.postMessage('The message to send.','https://www.tutorialspoint.com');
}
button.addEventListener('click',clickHandler,false);