Supongamos que tenemos 2 pestañas abiertas en un navegador que contiene la página A (A.html, A.js) en la primera pestaña y la página B (B.html, B. js) en la segunda pestaña y esa página A y B tienen el mismo origen (esquema, dominio, puerto).
¿Puede A.js llamar a una función desde B.js?
No, el javascript debe definirse en su página actual
¿Puede A.js modificar el DOM de la página B.html?
Sí, pero necesita una referencia Y tiene el mismo origen.
Si la página A tiene una referencia a la página B, es posible que A modifique el DOM en B.
La página A puede tener una referencia a la página B si la página A abrió la página B y guardó la referencia. También la página B puede acceder a la página A a través de la propiedad del abridor. Puede abrir una nueva pestaña / página en javascript con el siguiente código :
// Open a new window
var myWindow = window.open("", "myWindow", "width=200, height=100");
// Write some text in the new window
myWindow.document.write("<p>This is 'myWindow'</p>");
// Write some text in the window that created the new window
myWindow.opener.document.write("<p>This is the source window!</p>");
Limitación de la misma política de origen
La misma política de origen limita lo que puedes acceder. Si las 2 páginas están en dominios diferentes, no podrá acceder a la propiedad window.document para leer o escribir. Aquí hay una lista de a qué puede acceder cuando la otra página pertenece a un dominio diferente .
Lea otras preguntas en las etiquetas web-browser javascript same-origin-policy