使用ajax。
参考代码：
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg)
}, error:function(XMLHttpRequest, textStatus, thrownError){}})
})
扩展资料：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。
beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。
使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。
实例演示如下：
一、HTML的DOM设计。
1、设计两个DIV，其中第一个div放入入一些文字。
2、设计css样式如下，为了区分明显，加了border。
3、此时的页面展示如下：
二、函数功能的设计和绑定。
1、设计函数，实现赋值和删除的功能。
2、然后在两个button上分别绑定函数：
三、功能演示。
1、设计完成，点击【复制内容】，此时页面展示如下：（两个div内容已相同）。
2、此时点击【删除内容】，展示如下：内容再次被删除，恢复空白。
扩展资料：
HTML DOM innerHTML 属性：
1、定义和用法：innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
2、语法：tablerowObject.innerHTML=HTML。
