启用刷新特定HTML元素只 [英] Enabling refreshing for specific html elements only
本文介绍了启用刷新特定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;
< DIV ID =myDiv>
< H2>让AJAX改变这种文字< / H>
< / DIV>
<按钮式=按钮的onclick =loadXMLDoc()把>更改含量小于/按钮>
< /身体GT;
解决方案
试试这个:
<脚本类型=文/ JavaScript的>
函数重载(){
变种容器=的document.getElementById(yourDiv);
VAR内容= container.innerHTML;
container.innerHTML =内容;
}
< / SCRIPT>
< A HREF =JavaScript的:重装()>刷新< / A>
< DIV 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屋!
查看全文