如何在没有iframe的情况下在javascript中嵌入网站?

如何在没有iframe的情况下在javascript中嵌入网站?,javascript,html,css,iframe,Javascript,Html,Css,Iframe,我正在尝试制作一个与IE和Opera兼容的网站。 对于这些浏览器,不允许使用iframe。根据Opera浏览器维基 “…Opera浏览器和IE上只允许使用普通HTML5和JS,因此此处不允许使用iFrame” 我的网站有一部分是iframe。这是我的密码。 Style.css @导入url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); *{ 字体系列:无衬线; } #标题{ 背景:#

我正在尝试制作一个与IE和Opera兼容的网站。
对于这些浏览器,不允许使用iframe。根据Opera浏览器维基

“…Opera浏览器和IE上只允许使用普通HTML5和JS,因此此处不允许使用iFrame”


我的网站有一部分是iframe。这是我的密码。

Style.css

@导入url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
*{
字体系列:无衬线;
}
#标题{
背景:#711495;
背景:-webkit线性渐变(右下角,#711495,#D63A85);
背景:-莫兹线性梯度(右下角,#9336b7,#D63A85);
背景:线性梯度(左上角,#711495,#d33a84);
颜色:白色;
填充底部:50px;
填充顶部:35px;
左侧填充:25px;
右侧填充:30px;
文本对齐:居中;
}
.卡片{
盒影:0 4px 8px 0 rgba(0,0,0,0.2);
过渡:0.3s;
宽度:50%;
文本对齐:居中;
}
.卡:悬停{
盒影:0 8px 16px 0 rgba(0,0,0,0.2);
}
.集装箱{
填充:2x16px;
}
/*信息颜色*/
.white{颜色:白色;}
.green{color:#21d900;}
.red{color:#f02222;}
.blue{color:lightskyblue;}
.黑色{颜色:#797979;}
/*结束*/
运输署{
宽度:10%;
}
身体{
保证金:0;
}
.家长{
显示:表格;
宽度:100%;
高度:40px;
}
#左,#右{
显示:表格单元格;
垂直对齐:顶部;
宽度:45%;
身高:100%;
文本对齐:居中;
边框:实心;
边框颜色:rgba(0,0,0,0.2);
填充:10px;
边界宽度:薄;
}
.边界图{
边框:实心;
边界宽度:薄;
边框颜色:rgba(0,0,0,0.2);
文本对齐:居中;
}
.a{
背景色:#3695f4;
颜色:白色;
填充:10px;
边缘底部:10px;
文字装饰:无;
左边距:2.25px;
字体大小:20px;
}
a:悬停{
背景色:#f79800;
}
rajscape先生{
背景色:无!重要;
}
黑先生{
背景大小:50%;
}
奥道特先生{
背景色:无!重要;
}
.没有,什么都没有{
颜色:白色;
填充:10px 10px 10px 0px!重要;
边缘底部:10px;
文字装饰:下划线;
字体大小:15px!重要;
}
.好的{
背景色:无!重要;
}
#黑暗的{
背景色:黑色!重要;
}
.标题暗{
背景色:#393939;
颜色:白色;
填充底部:50px;
填充顶部:35px;
左侧填充:25px;
右侧填充:30px;
}
.黑暗{
颜色:aliceblue;
背景色:#292929;
}
.满{
背景色:#3695f4;
颜色:白色;
填充:10px;
边缘底部:10px;
文字装饰:无;
左边距:2.25px;
字体大小:20px;
位置:固定;
z指数:5;
}
.左边距{
左边距:175px;
}
#顶部链接区域{
背景色:aliceblue;
z指数:3;
}

新型新冠病毒-19追踪系统
#嵌入式开发{
利润率:30像素;
}
qwerty先生{
字体系列:“Poppins”,衬线;
颜色:白色;
}
.侧边栏{
身高:100%;
宽度:0;
位置:固定;
/*保持原位*/
背景色:#303630;
/*灰色*/
溢出x:隐藏;
颜色:白色;
z指数:12;
/*用于禁用水平滚动*/
} 
/*侧边栏链接的位置和样式*/
.侧边栏a{
填充:10px 10px 10px;
字体大小:25px;
颜色:#ffffff;
显示:块;
过渡:0.3s;
} 
/*当鼠标悬停在链接上时,链接会改变颜色*/
.侧栏a:悬停{
颜色:#ffffff;
} 
/*十字按钮的位置和样式*/
.sidebar.closebtn{
位置:绝对位置;
排名:0;
右:25px;
} 
/*侧边栏按钮的样式*/
.openbtn{
字体大小:25px;
背景色:#000000;
颜色:#ffffff;
填充:10px 10px 10px;
边界:无;
位置:固定;
z指数:12;
} 
/*边栏按钮将更改
鼠标悬停在其上时的颜色*/
.openbtn:悬停{
颜色:#FFFFFF;
} 
/*将页面内容向右推
打开侧导航时*/
#主{
过渡:左边距。5s;
/*如果想要过渡效果*/
填充:10px;
}
链接
/*设置侧边栏的宽度
到250,并在
页面内容至250*/
函数openNav(){
document.getElementById(
“侧栏”).style.width=“250px”;
document.getElementById(
“main”).style.marginLeft=“250px”;
} 
/*设置侧边栏的宽度
设置为0,并在
页面内容设置为0*/
函数closeNav(){
document.getElementById(
“侧栏”).style.width=“0”;
document.getElementById(
“main”).style.marginLeft=“0”;
} 
新型冠状病毒跟踪器
这是你可以获得所有新冠病毒-19信息的地方
新的美国统计数据在本页底部!
共享此页面


新的!美国统计局

有两种方法可以做到这一点。

第一种方法是添加ajaxjquery并编写max compatibility语句
$(IFRAME-ID).IFRAME.ms.enter[WEBSITE-URL]


di此id的另一种方法是转到“iFrame to JS”站点。互联网上有很多这样的网站。只需将JS代码放在头部。

有两种方法可以做到这一点。
第一种方法是添加ajaxjquery并编写max compatibility语句
$(IFRAME-ID).IFRAME.ms.enter[WEBSITE-URL]


di此id的另一种方法是转到“iFrame to JS”站点。互联网上有很多这样的网站。只要把JS代码放在头上。

哇。。。所有这些选项都有效!我曾经