HTMLPage页面<script type="text/javascript">
function aa()
{
var b=window.location.href;
var c=b.length;
var index = location.href.indexOf("p=");
if(index!=-1)
{
var c=b.substring(index);
var d=c.substring(2);
var e= parseInt(d)+1;
window.location.href="HTMLPage.htm?p="+e;
if(e=3)
{
document.getElementById("img1").src="未命名3.jpg";
}
}
else
{
document.getElementById("img1").src="未命名2.jpg";
window.location.href="HTMLPage.htm?p=2";
}
}
</script>
</head>
<body>
<img src="未命名1.jpg" id="img1" />
<input id="Button1" onclick="aa()" type="button" value="button" />
</body>点击后页面地址变为HTMLPage.htm?p=2,HTMLPage.htm?p=3,HTMLPage.htm?p=4......
但是页面的图片设置了变为指定图片确没有变(图片名没问题),请问高手错误在哪里
function aa()
{
var b=window.location.href;
var c=b.length;
var index = location.href.indexOf("p=");
if(index!=-1)
{
var c=b.substring(index);
var d=c.substring(2);
var e= parseInt(d)+1;
window.location.href="HTMLPage.htm?p="+e;
if(e=3)
{
document.getElementById("img1").src="未命名3.jpg";
}
}
else
{
document.getElementById("img1").src="未命名2.jpg";
window.location.href="HTMLPage.htm?p=2";
}
}
</script>
</head>
<body>
<img src="未命名1.jpg" id="img1" />
<input id="Button1" onclick="aa()" type="button" value="button" />
</body>点击后页面地址变为HTMLPage.htm?p=2,HTMLPage.htm?p=3,HTMLPage.htm?p=4......
但是页面的图片设置了变为指定图片确没有变(图片名没问题),请问高手错误在哪里
页面跳转(本页跳转加参数)
window.location.href="HTMLPage.htm?p=2";
和换图片
document.getElementById("img1").src="未命名2.jpg";
在一起,换图片就不好使了,请大侠们看看问题出在哪里
应为
if(e==3)
看看是不是这个问题
function aa()
{
var b=window.location.href;
var c=b.length; var index = location.href.indexOf("p="); if(index!=-1) // url有参数
{
var c=b.substring(index);
var d=c.substring(2);
var e= parseInt(d)+1;
window.location.href="HTMLPage.htm?p="+e;
if(e==3) // e==3时显示 未命名3.jpg
{
document.getElementById("img1").src="未命名3.jpg";
}
// } 这个花括号去掉
else // e!=3时显示 未命名2.jpg
{
document.getElementById("img1").src="未命名2.jpg";
// window.location.href="HTMLPage.htm?p=2"; 这句移到下面
}
}
else // url没参数,加参数进去
{
window.location.href="HTMLPage.htm?p=2";
}
}
</script>
<img src="未命名1.jpg" id="img1" /><script type="text/javascript">
var s = window.location.search;
var p = 1;
try{
p = s.substring(s.indexOf('p=') + 2, 99);
if(isNaN(p))p = 1;
if(p < 1)p = 1;//最小一页
if(p > 99)p = 1;//最大 ? 页
}catch(e){
p = 1;//默认1
}
document.getElementById("img1").src="未命名" + p + ".jpg";
</script>
<input id="Button1" onclick="window.location='HTMLPage.htm?p='+(p*1+1)" type="button" value="button" />
</body>
function aa()
{
var b=window.location.href;
//alert(b);
var c=b.length;
var index = location.href.indexOf("p=");
if(index!=-1)
{
var c=b.substring(index);
var d=c.substring(2);
var e= parseInt(d)+1;
alert(e);
}
//window.location.href="HTMLPage.htm?p="+2;这里不能直接用转向,否则永远不会继续向下执行
if(e==3)
{
//alert(e);
document.getElementById("img1").src="1.jpg";
window.location.href="HTMLPage.htm?p="+e;
}
else
{
document.getElementById("img1").src="2.jpg";
//window.location.href="HTMLPage.htm?p=2";这里2这个值进入下次执行就变成3,图片永远不会变!
}
}
</script>
</head>
<body>
<img src="1.jpg" id="img1" />
<input id="Button1" onclick="aa()" type="button" value="button" />
</body>
你找2张图1。JPG和2。JPG。试试上面的代码,关键位置做了注释,再比对下你自己的,就知道为什么了!