Javascript 将iframe代码转换为jquery代码_Javascript_Php_Jquery_Html_Iframe

Javascript 将iframe代码转换为jquery代码

javascript php jquery html iframe

Javascript 将iframe代码转换为jquery代码,javascript,php,jquery,html,iframe,Javascript,Php,Jquery,Html,Iframe,我使用Iframe每5秒加载一次Iframe中的内容。它很好用。发生的事情是，它每次加载时都会闪烁，这有点烦人我想将iframe代码转换为滚动div，这样iframe src内容每5秒就被加载一次，并且闪烁应该消失这是我的密码：我的主页（INDEX.HTML）有： Messages.php的内容如下 <html> <head> <script> window.onload = function() { setTimeout("window.l

我使用Iframe每5秒加载一次Iframe中的内容。它很好用。发生的事情是，它每次加载时都会闪烁，这有点烦人

我想将iframe代码转换为滚动div，这样iframe src内容每5秒就被加载一次，并且闪烁应该消失

这是我的密码：

我的主页（INDEX.HTML）有：

Messages.php的内容如下

<html>
<head>
<script>
    window.onload = function() { setTimeout("window.location.href='messages.php';", 5000) }; // 5000 = 2 seconds (it's in milliseconds)
    </script>
</head>
<body>
<?php Application.logs ?>
</body>
</html>


window.onload=function（）{setTimeout（“window.location.href='messages.php'；”，5000）}；//5000=2秒（以毫秒为单位）

我正在尝试使用此文件：

-但我无法思考如何做

您可以在messages.php中添加一个元刷新标记

<meta http-equiv="refresh" content="5">

编辑2

好的，请删除从此处复制的所有以前的代码，然后尝试以下操作：

<script>
$(function() {
    startRefresh();
});

function startRefresh() {
    setTimeout(startRefresh,5000);
    $.get('messages.php#bottom', function(data) {
        $('#content_div_id').html(data);    
    });
}
</script>


$（函数（）{
startRefresh（）；
});
函数startRefresh（）{
设置超时（startRefresh，5000）；
$.get（'messages.php#bottom'，函数（数据）{
$（'#content_div_id'）.html（数据）；
});
}

然后将iFrame替换为以下内容：

<div id="content_div_id">
<iframe src="messages.php#bottom" width="674" height="476" frameborder="0" name="main" allowtransparency="yes" scrolling="auto"></iframe>
</div>

使用元素而不是iframe。例如：

<div id="messageContainer"></div>

将AJAX调用放入函数中，并使用每隔5秒调用一个函数

setInterval(requestMessage, 5000);

此外，下面的代码使用jQuery的方法将容器滚动到底部

//确保在与DOM交互之前已加载DOM
$（文档）.ready（函数（）{
设置间隔（请求消息，5000）；
日志（'间隔设置-每5秒一次'）；
});
函数requestMessage（）{
$.get（'http://samonela.scienceontheweb.net/PHP/messages2.php')
.完成（功能（响应）{
messageContainer=$（“#messageContainer”）；
messageContainer.html（响应）；
//将容器滚动到底部
messageContainer.scrollTop（messageContainer[0].scrollHeight）；
});
}

#消息容器{
高度：100px；
溢出y：自动；
边框：2px实心#0f0；
}

我需要在messages.php内部或index.html文件codebtw外部定义它，问题是：即使我让这个脚本工作，闪烁会消失吗，我想不会，我担心的是眨眼应该走了away@Initiater

meta

标签必须放在

messages.php

的

head

部分，而

script

基本上可以放在

index.html

中的任何地方。试一下代码，让我知道它是否有效。好的，我试过了，它的行为与iframe相同，每5秒闪烁一次，它确实有效，但闪烁仍然存在。你试过

messages.php的head
部分的meta
标记和index.html
中的脚本？
<div id="content_div_id">
<iframe src="messages.php#bottom" width="674" height="476" frameborder="0" name="main" allowtransparency="yes" scrolling="auto"></iframe>
</div>

<div id="messageContainer"></div>

 $.get('messages.php')
    .done(function(response) {
            messageContainer = $('#messageContainer');
            messageContainer.html(response);
    });

setInterval(requestMessage, 5000);