当前位置：首页 > 行业动态 > 正文

html引用其他网站的shtml

admin
行业动态
2025-05-03
2

在HTML中引用其他网站的shtml文件需通过` 或`标签实现跨域嵌入，但受浏览器同源策略限制，若目标网站未开启CORS，则无法直接加载动态内容，建议优先使用本站资源或通过服务器代理转发，确保安全性和兼容性。（7

引用其他网站SHTML文件的可行性分析

项目	说明
文件类型	SHTML是支持服务器端包含（SSI）的HTML文件，需服务器解析后输出
跨站引用限制	浏览器安全策略禁止直接加载不同域名的SHTML文件
服务器解析要求	目标文件需在支持SSI的服务器环境中才能正常解析

合法引用方式及实现方法

使用iframe框架嵌入

<iframe src="https://example.com/page.shtml" width="600" height="400"></iframe>

通过服务器代理转发（需目标站授权）

# Apache服务器配置示例
ProxyPass /remote-shtml https://example.com/
ProxyPassReverse /remote-shtml https://example.com/

获取目标网站API数据

// 使用Fetch API获取JSON数据
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    document.getElementById('content').innerHTML = data.content;
  });