网页iframe调用一个其他域名的网页,但想修改这个被调用网页的局部内容 要怎么写
由于同源策略的限制,不能直接修改被调用网页的局部内容。如果这个被调用网页和你的网页不在同一个域名下,更不能直接修改。但是,可以通过以下几种方式实现类似的效果:
-
使用postMessage方法:在被调用网页内,添加一个监听message事件的方法,然后在调用它的网页中使用postMessage方法发送一个消息,被调用网页接收到消息后,执行相应的操作,从而实现修改局部内容的效果。
-
使用服务器端代理:在调用网页的服务器端,通过代理方式获取被调用网页的内容,然后在调用网页中修改局部内容。
-
使用跨域资源共享(CORS):在被调用网页的服务器端,配置CORS允许调用网页的域名访问被调用网页的内容,然后在调用网页中通过ajax请求获取被调用网页的内容,并修改局部内容。
总之,要实现修改被调用网页的局部内容,需要借助一些技术手段来绕开同源策略的限制。
原文地址: https://www.cveoy.top/t/topic/tNm 著作权归作者所有。请勿转载和采集!