不刷新页面调用不同js显示不同的实现代码

发布时间:2020-12-28编辑:脚本学堂
本文介绍下如何实现不刷新页面就可以调用不同的js代码,从而显示不同的页面内容,有需要的朋友,可以参考下。

有时需要在同一个地方,在不同的情况下调用不同JS文件,应该如何实现呢?

看下面这段代码:
 

复制代码 代码示例:
<html>
<head>
<title>脚本学堂-www.jb200.com</title>
<script language="javascript" type="text/javascript" src=""></script>
</head>
<body>
<div ID="titleLiNews">
</div>
<a href="javascript:showpage(1);">1</a>
<a href="javascript:showpage(2);">2</a>
<a href="javascript:showpage(3);">3</a>
<script language="JavaScript" type="text/javascript">showpage(1);</script>
</body>
</html>

说明:以上代码的head中有个调用JS的,但SRC文件没有指定,可以通过下面代码来设置指定调用的文件。
 

复制代码 代码示例:
<script language="JavaScript" type="text/javascript">
function showpage(n){
document.scripts[1].src = "newslist.asp?page_no=" + n;
}
</script>

这样就实现了动态调用了,即不刷新页面,调用不同的js,实现显示不同的内容了,是不是很酷呢?!