启用刷新特定HTML元素只 [英] Enabling refreshing for specific html elements only

查看:103
本文介绍了启用刷新特定HTML元素只的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想知道我怎么只能刷新,而不是整个网页的特定元素在我的网站,?我谈论的内容是加载很慢,可能会遇到连接超时Flash应用程序。我想使用户能够只刷新元件/ FALSH应用程序。我怎么做?下面我有一个Ajax功能更新的HTML元素,但不知道如何将其应用到我的情况。

 < HEAD>
    <脚本类型=文/ JavaScript的>
        函数loadXMLDoc()把{
            VAR XMLHTTP;
            如果(window.XMLHtt prequest){// $ C $下IE7 +,火狐,Chrome,歌剧,Safari浏览器
                XMLHTTP =新XMLHtt prequest();
            }其他{// code对IE6,IE5
                XMLHTTP =新的ActiveXObject(Microsoft.XMLHTTP);
            }
            xmlhttp.onreadystatechange =功能(){
                如果(xmlhttp.readyState == 4和&安培; xmlhttp.status == 200){
                    的document.getElementById(myDiv)的innerHTML = xmlhttp.responseText。
                }
            }
            xmlhttp.open(GET,ajax_info.txt,真正的);
            xmlhttp.send();
        }
    < / SCRIPT>
< /头>
<身体GT;
    < D​​IV ID =myDiv>
        < H2>让AJAX改变这种文字< / H>
    < / DIV>
    <按钮式=按钮的onclick =loadXMLDoc()把>更改含量小于/按钮>
< /身体GT;
 

解决方案

试试这个:

 <脚本类型=文/ JavaScript的>
    函数重载(){
            变种容器=的document.getElementById(yourDiv);
            VAR内容= container.innerHTML;
            container.innerHTML =内容;
        }
< / SCRIPT>
< A HREF =JavaScript的:重装()>刷新< / A>
< D​​IV ID =yourDiv>要刷新/重载&LT的内容; / DIV>
 

希望工程。让我知道

I would like to know how I can only refresh a specific element in my website, instead of the whole web page? The element I'm talking about is a flash application that loads quite slow and may experience connection timeouts. I want to enable the user to only refresh that element/falsh app. How do i do that? Below I have an Ajax function that updates an HTML element but not sure how to apply it to my situation.

<head>
    <script type="text/javascript">
        function loadXMLDoc() {
            var xmlhttp;
            if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else { // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET", "ajax_info.txt", true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <div id="myDiv">
        <h2>Let AJAX change this text</h2>
    </div>
    <button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>

解决方案

Try this:

<script type="text/javascript">
    function reload(){
            var container = document.getElementById("yourDiv");
            var content = container.innerHTML;
            container.innerHTML= content;
        }
</script>
<a href="javascript: reload()">Reload</a>
<div id="yourDiv">The content that you want to refresh/reload</div>

Hope it works. Let me know

这篇关于启用刷新特定HTML元素只的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆