IE 在 href ="" 上打开文件资源管理器

Question

我只是问了一个问题，基本上我遇到了 z-index 的问题，现在已经解决了。但是现在我面临另一个问题，因为当我单击后退按钮时它在 IE 中工作，而不是打开特定文件所在的文件夹的位置。有没有特殊的方法可以在IE中回到初始位置

我的 fiddle 在这个位置 - 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>

Answer 1

在 IE 中，空 HTML HREF 导致目录列表。更多信息，您可以参考this link.

同时您可以使用

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

这将刷新页面，您将取回旧图表。但是有更好的方法可以做到这一点。由于您将一个 div 放置在另一个上，因此您始终可以放置一个隐藏的 div，您可以在隐藏原始 2 div.

时点击显示它

IE 在 href ="" 上打开文件资源管理器

IE opening file explorer on href =""

html

javascript

internet-explorer

canvasjs