2009-7-2 查看次数:0
现学现卖,刚弄明白 jquery().load用法,就用在了本站 http://www.goodtext.org/ 评论显示上了,效果就在下面↓
首先jquery.js是不能缺少的,先加上
<script type="text/javascript" src="jquery.js"></script>
之后是JS部分
<script language="javascript" type="text/javascript">
<!--
function show(){
$('#newsid').load('/goodtext/aboutgoodtext.html');
}
//-->
</script>
在要显示内容的位置上加入
<span id="newsid"></span>
这里的newsid就是JS里面的newsid,可以自己换成其它的,不过要一致
可以做成点击才显示内容
<a onclick="show();">点击这里显示</a>
我是做成了页面加载时就显示的
在<body>上加了onLoad="show();" 变成<body onLoad="show();">
只载入局部内容,在load的url里加上空格后面跟选择器
例如:要取load aboutgoodtext.html中id为a的内容。
$("body").load("aboutgoodtext.html #a");
就这样成功的用jquery().load方法把评论内容加到了文章的静态页中。
jquery很有用,以后继续深入学习。