为什么页面跳转不了,哪位大神帮忙解决下,小弟感激不尽!
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>The Second Page</title>
<style type="text/css">
#div2
{
margin:0;
padding:400px;
background-color:red;
color:black;
font-size:20px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var obj=document.documentElement;
var oDiv=document.getElementById("div1");
obj.onmousedown=function(e){
var x1;
var x2;
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
oDiv.innerHTML="x:"+obj.mouseStart.x;
x1 = obj.mouseStart.x
obj.onmouseup=function(e){
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
x2 = obj.mouseStart.x;
var x = x2 - x1;
if(x>0){
window.location.href="firstPage.html";
}
if(x<0){
window.location.href="thirdPage.html";
}
};
};
});
</script>
</head>
<body>
<div id="div2">The Second Page</div>
</body>
</html>window.location.href
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>The Second Page</title>
<style type="text/css">
#div2
{
margin:0;
padding:400px;
background-color:red;
color:black;
font-size:20px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var obj=document.documentElement;
var oDiv=document.getElementById("div1");
obj.onmousedown=function(e){
var x1;
var x2;
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
oDiv.innerHTML="x:"+obj.mouseStart.x;
x1 = obj.mouseStart.x
obj.onmouseup=function(e){
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
x2 = obj.mouseStart.x;
var x = x2 - x1;
if(x>0){
window.location.href="firstPage.html";
}
if(x<0){
window.location.href="thirdPage.html";
}
};
};
});
</script>
</head>
<body>
<div id="div2">The Second Page</div>
</body>
</html>window.location.href
var oDiv=document.getElementById("div1"); //div1在哪里? 页面只有div2
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>The Second Page</title>
<style type="text/css">
#div2
{
margin:0;
padding:400px;
background-color:red;
color:black;
font-size:20px;
}
</style>
<script type="text/javascript">
window.onload=(function(){
var obj=document.documentElement;
var oDiv=document.getElementById("div2");
obj.onmousedown=function(e){
var x1;
var x2;
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
oDiv.innerHTML="x:"+obj.mouseStart.x;
x1 = obj.mouseStart.x
obj.onmouseup=function(e){
oEvent=e||event;
obj.mouseStart={};
obj.mouseStart.x=oEvent.clientX;
x2 = obj.mouseStart.x;
var x = x2 - x1;
if(x>0){
window.location.href="firstPage.html";
}
if(x<0){
window.location.href="thirdPage.html";
}
};
};
});
</script>
</head>
<body>
<div id="div2">The Second Page</div>
</body>
</html>