【文件属性】：
文件名称：cross-frame-searching:从父元素搜索跨域iframe
文件大小：789KB
文件格式：ZIP
更新时间：2021-05-07 15:17:01
search-iframe search-cross-origin JavaScript
跨框架搜索
从父元素中搜索跨域框架。 如果iframe是从其他来源嵌入的，则无法从父级执行任何功能。 此示例展示了如何使用postMessage在所有iframe中搜索特定字词。
:warning:
确保您只接受来自受信任事件的消息。
该示例仅适用于localhost。 。
安装
客户
cd client
npm i
服务器
cd server
npm i
跑步
客户
cd client
npm start
服务器
cd server
npm start
这个怎么运作
从localhost:9000上运行的服务器静态提供两个html页面，并将其嵌入在localhost:8080上运行的客户端应用程序中。 您可以跨n个iframe进行搜索，并聆听iframe返回的搜索结果。 每个iframe也会突出显示结果。
【文件预览】：
cross-frame-searching-main
----README.md(1KB)
----search.gif(889KB)
----server()
--------.gitignore(13B)
--------pages()
--------package.json(317B)
--------index.js(2KB)
--------package-lock.json(35KB)
----client()
--------.gitignore(13B)
--------package.json(329B)
--------index.html(1KB)
--------package-lock.json(6KB)