Fatal编程技术网
  • html/
  • Html 带有嵌入式页面的简单intranet站点

Html 带有嵌入式页面的简单intranet站点

html iframe

Html 带有嵌入式页面的简单intranet站点,html,iframe,embed,Html,Iframe,Embed,我正在尝试为我们的内部用户创建一个简单的intranet风格的站点，基本上只是一个顶部导航栏，所有用户都面向顶部的内部站点，当他们单击每个站点时，它将打开嵌入页面中的相关站点，并将导航栏保持在顶部 到目前为止，它只是一个简单的导航栏，就像在一个新选项卡中打开每个导航栏一样： <style> #nav { width: 100%; float: left; margin: -5 0 -5 -5; padding: 0; List-style: none; background-colo

我正在尝试为我们的内部用户创建一个简单的intranet风格的站点，基本上只是一个顶部导航栏，所有用户都面向顶部的内部站点，当他们单击每个站点时，它将打开嵌入页面中的相关站点，并将导航栏保持在顶部

到目前为止，它只是一个简单的导航栏，就像在一个新选项卡中打开每个导航栏一样：

<style>
#nav {
width: 100%;
float: left;
margin: -5 0 -5 -5;
padding: 0;
List-style: none;
background-color: #333333;
border-bottom: 1px solid #ccc; 
border-top: 1px solid #ccc;
}

#nav li {
float: left;
}

#nav li a {
        display: block;
        padding: 4px 15px;
        text-decoration: none;
        font-family: Arial;
        font-weight: none;
        color: #FFFFFF;
         }

#nav li a:hover {
        color: #333333;
        background-color: #fffFFF; }
</style>

<html>
<body>
<ul id="nav">
        <li><a href="http://intranet/glpi" target="_blank">GLPI</a></li>
        <li><a href="http://intranet/Redmine" target="_blank">Redmine</a></li>
        <li><a href="http://intranet/sms" target="_blank">SMS gateway</a></li>
        <li><a href="http://intranet/labelsregistry" target="_blank">Labels Registry</a></li>
</ul>
</body>
</html>


#导航{
宽度：100%；
浮动：左；
保证金：-50-5-5；
填充：0；
列表样式：无；
背景色：#333333；
边框底部：1px实心#ccc；
边框顶部：1px实心#ccc；
}
#李海军{
浮动：左；
}
#李娜{
显示：块；
填充：4px15px；
文字装饰：无；
字体系列：Arial；
字体大小：无；
颜色：#FFFFFF；
}
#导航李a：悬停{
颜色：#333333；
背景色：#fffFFF；}

    

  • 

  • 

  • 

  •
到目前为止，我尝试将其嵌入为iFrame和对象。iFrame将显示，但如果没有内容，对象甚至不会显示

我用来测试的iFrame是：

<iframe id="myframe" src="http://google.com>"</iframe>

您无法将
iframe
链接到外部站点（跨域）-尝试创建另一个页面并对该页面进行iframe。
iframe
不起作用的最可能原因是目标站点（在本例中为谷歌）正在发送一个标题，以防止其他站点对其进行iframe：


X-Frame-Options: DENY


许多网站都会这样做，以防止一个称为或的常见漏洞。一些站点还将包含一些破坏框架的Javascript，作为HTTP头的备份安全措施

发件人：

X-Frame-Options HTTP响应标头可用于指示是否允许浏览器在
或
中呈现页面。网站可以通过确保其内容不嵌入其他网站，从而避免点击劫持攻击


简言之：是的，您的iframe使用了正确的语法，但是您只能将iframe发送到位于同一域或允许通过标题标记使用框架的站点。
您是一个天才。出于某种未知的原因，我决定用一个像谷歌这样的外部网站来测试它，而不是我实际上试图访问的网站！我测试了其中一个内部站点，现在工作正常。谢谢你不用担心，现在你知道下次了：）。祝你好运。对于使用相同域名的intranet上的所有服务，它都有效。因此，您需要为每个域创建子域DNS条目。例如，如果您的Intranet具有
Intranet.company.local
地址，则为GLPI创建CNAME
helpdesk.company.local
，并完成此操作。对于所有其他外部服务，让我们使用API。