Javascript 如何在我的网站中显示其他网站的内容_Javascript_Php_Jquery_Html_Iframe

Javascript 如何在我的网站中显示其他网站的内容

javascript php jquery html iframe

Javascript 如何在我的网站中显示其他网站的内容,javascript,php,jquery,html,iframe,Javascript,Php,Jquery,Html,Iframe,我正在寻找一个代码，做一个简单的任务。下面是任务假设我的网站是我想当我的用户访问这个网站时，他们会在页面顶部看到一个框，其中显示我的网站名称、联系方式以及倒计时在这一行下面，我想显示几个不同URL的完全相同的网站，我想设置一个计时器，以便这些网站旋转，顶部的计时器显示距离下一次刷新和下一个网站的时间。我只希望这部分的网页刷新，我希望顶部的行是静止的你可以在上图中看到我想要什么我被告知可以使用iframe来完成，但我不知道怎么做，我也不想要滚动如果你能帮助我，我将不胜感激我找到了这

我正在寻找一个代码，做一个简单的任务。下面是任务

假设我的网站是

我想当我的用户访问这个网站时，他们会在页面顶部看到一个框，其中显示我的网站名称、联系方式以及倒计时

在这一行下面，我想显示几个不同URL的完全相同的网站，我想设置一个计时器，以便这些网站旋转，顶部的计时器显示距离下一次刷新和下一个网站的时间。我只希望这部分的网页刷新，我希望顶部的行是静止的

你可以在上图中看到我想要什么

我被告知可以使用iframe来完成，但我不知道怎么做，我也不想要滚动

如果你能帮助我，我将不胜感激

我找到了这个解决方案，它似乎起了作用。我只需要倒计时，而且我想裁剪出每个网站的顶部，比如说200px，然后把它向上移动，因为一个页面不会显示我想要的所有内容，除非使用滚动，我不希望这样

    <!DOCTYPE html>
    <html>
    <body>

    <div align="center" style="border:4px solid red ">
    <div style="color:#0000FF">
    <h3>some content<color:#0000FF/h3>
<h3>some more content<color:#0000FF/h3>
</div> 
</div>

<iframe id="rotator" src="http://www.zcast.ir" width="100%" height="600" scrolling="no" border="0" ></iframe>

<script>
// start when the page is loaded
window.onload = function() {

var urls = [
"http://www.zcast.ir",
"http://www.tgju.org",
"http://www.on3.ir", 
"http://www.goldinfo.ir",
"http://www.zarban.ir",
];

  var index = 1;
  var el = document.getElementById("rotator");

  setTimeout(function rotate() {

    if ( index === urls.length ) {
  index = 0;
}

el.src = urls[index];
index  = index + 1;

// continue rotating iframes
setTimeout(rotate, 5000);

}, 5000); // 5000ms = 5s
 };
</script>

</body>
</html>


一些内容
更多内容
//加载页面时启动
window.onload=函数（）{
变量URL=[
"http://www.zcast.ir",
"http://www.tgju.org",
"http://www.on3.ir", 
"http://www.goldinfo.ir",
"http://www.zarban.ir",
];
var指数=1；
var el=document.getElementById（“旋转器”）；
setTimeout（函数rotate（）{
如果（索引===url.length）{
指数=0；
}
el.src=URL[索引]；
指数=指数+1；
//继续旋转iFrame
设置超时（旋转，5000）；
}，5000）；/5000ms=5s
};

是的，您完全可以使用iframe来完成

1）将iFrame

滚动

属性设置为

否

：

<iframe src="/default.asp" width="200" height="200" scrolling="no">
</iframe>

就这样！：）

您可以使用iframe，但请确保目标网站可能不允许使用iframe嵌入。您可以使用以下代码

var websites = new Array(
    "http://www.hurriyet.com",
    "http://www.milliyet.com",
    "http://www.amazon.com"
);
var counter = 0;
var sTimeOut = setInterval(function () {
    var index = counter%(websites.length);

    $("#website_div").html($('<iframe src="' + websites[index] + '" width="500" height="500" border="0" scrolling="no"/>' ));
    counter++;  
}, 5000);

var网站=新数组(
"http://www.hurriyet.com",
"http://www.milliyet.com",
"http://www.amazon.com"
);
var计数器=0；
var sTimeOut=setInterval（函数（）{
var指数=计数器%（网站长度）；
$（“#网站_div”）.html（$（''）；
计数器++；
}, 5000);

把你们的网站放在列表中，它就会旋转

这里是一个有效的演示：

使用

无缝

属性在

iframe

中隐藏边框和滚动条您可以使用iframe，但目标站点可以拒绝它。请参阅我的答案和演示，了解我更新问题的更多详细信息。当我在这里使用一些内容时，你能马上回答吗？只有“一些内容会显示，其余的会消失”。当然，你需要做一些定制（样式）我更新了我的问题。请你现在回答好吗谢谢你ranswer。它工作得很好。但我有两个问题。首先，我要如何在上面写一些简单的文本或内容并加以修复，我的意思是在你发送的演示中有四个窗口，其中一个窗口显示HTML。我想知道应该怎么做我把ld放在那里。第二，我如何在上面添加一个计时器，以便显示iframe刷新的秒数。我还想知道如何从JSFiddle站点获取最终代码。是否可以使用百分比设置iframe大小，以便根据设备或分辨率进行更改？它不是四个窗口，而是JSFiddle结构。您可以在这里看到实际演示。您可以在

网站\u div

中设置确切的大小，并使iframe的宽度和高度达到100%。我更新了我的问题。您现在可以回答吗

var websites = new Array(
    "http://www.hurriyet.com",
    "http://www.milliyet.com",
    "http://www.amazon.com"
);
var counter = 0;
var sTimeOut = setInterval(function () {
    var index = counter%(websites.length);

    $("#website_div").html($('<iframe src="' + websites[index] + '" width="500" height="500" border="0" scrolling="no"/>' ));
    counter++;  
}, 5000);