IE浏览器打开文件浏览器href =“”

我只是问一个问题，基本上我有一个z-index问题，现在已经解决了。但现在有另一个我正面临的问题，当我点击后退按钮时，它在IE中工作，而是打开特定文件所在文件夹的位置。有没有一种特殊的方式可以回到IE的初始位置。IE浏览器打开文件浏览器href =“”

我的小提琴是在这个位置 - fiddle link

反正我张贴我的代码 -

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script> 
<!-- <link type='text/css' rel="stylesheet" href='style.css' /> --> 
<style> 
#chartContainerpie{ 
    position: absolute; 
    top: 130px; 
    left: 0px; 
} 
#chartContainer{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 
#link { 
visibility : hidden; 
top : 0px; 
left : 0px; 
position:relative; 
z-index:100; 
} 
</style> 
<script type="text/javascript"> 

window.onload = function() { 
    var chart = new CanvasJS.Chart("chartContainer", { 
    title: { 
    text: "My First Chart in CanvasJS" 
    }, 
    backgroundColor: "transparent", 
    data: [{ 
    click: function(e){ 
     anotherchart(); 
    }, 
    // Change type to "doughnut", "line", "splineArea", etc. 
    type: "doughnut", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
var chart = new CanvasJS.Chart("chartContainerpie", { 
    backgroundColor: "transparent", 
    data: [{ 
    // Change type to "doughnut", "line", "splineArea", etc. 
    indexLabelPlacement: "inside", 
    indexLabelFontColor: "white", 
    indexLabelFontSize: "14px", 
    type: "pie", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
} 
function anotherchart() { 
document.getElementById("chartContainerpie").innerHTML = ""; 
    document.getElementById("chartContainer").innerHTML = ""; 
    document.getElementById("link").style.visibility = "visible"; 
// alert( e.dataSeries.type+ ", dataPoint { x:" + e.dataPoint.x + ", y: "+ e.dataPoint.y + " }"); 
    var chart = new CanvasJS.Chart("chartContainernew", { 
    backgroundColor: "transparent", 
    data: [{ 
    // Change type to "doughnut", "line", "splineArea", etc. 
    indexLabelPlacement: "inside", 
    indexLabelFontColor: "white", 
    indexLabelFontSize: "14px", 
    type: "doughnut", 
    dataPoints: [{ 
     label: "apple", 
     y: 10 
    }, { 
     label: "orange", 
     y: 15 
    }, { 
     label: "banana", 
     y: 25 
    }, { 
     label: "mango", 
     y: 30 
    }, { 
     label: "grape", 
     y: 28 
    }] 
    }] 
}); 
chart.render(); 
} 

</script> 
</head> 
<body> 
<div> 
    <div id="chartContainerpie" style="height: 188px; width: 100%;"></div> 
    <div id="chartContainer" style="height: 400px; width: 100%; "></div> 
</div> 
<div> 
    <a id="link" href="">Back</a> 
    <div id="chartContainernew" style="height: 400px; width: 100%; "></div> 
</div> 
<div> 

</div> 
</body> 
</html>

来源

2017-01-05 shv22

通过初始位置您是指页面的顶部？ –

@AreWojciechowski不，我在这里指的是从一个图表跳转到另一个图表...所以返回意味着当页面加载 – shv22

在任何浏览器中点击浏览器返回按钮时，都会转到浏览器中加载的上一页，而不是对当前动态生成页面的某些任意“状态” –

在IE中，空的HTML HREF导致目录列表。有关更多信息，请参阅this link。

同时可以使用

<a id="link" href='#' onclick='location.reload(true); return false;'>Back</a>

这将刷新页面，你会得到你的旧图表回来。但有更好的方法来做到这一点。由于您将一个div放在另一个div上，因此您可以随时放置一个隐藏div，您可以在隐藏原始2 div时单击显示该div。

来源

2017-01-09 05:11:55 Beevk

谢谢......我会根据你的意见改变 – shv22

IE浏览器打开文件浏览器href =“”

回答

相关问题