Browser

文件下载

同源下,文件可以下载,但如果是非同源,可以将文件打包为 zip 等浏览器无法执行的文件,也可进行下载

  1. <a
  2. style="padding: 10px"
  3. href="http://127.0.0.1:5500/fileSave/sht.jpg"
  4. download="sht.jpg"
  5. >
  6. 点击下载文件
  7. </a>

以及其他按钮,使用window.open,或构造表单元素获取

  1. <p><span id="btn1" style="color: blue"> window.open() 下载方法 </span></p>
  2. <p><span id="btn2" style="color: blue">表单下载方法 </span></p>
  3. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  4. <script>
  5. $(function () {
  6. $("#btn1").click(function () {
  7. window.open("http://127.0.0.1:5500/fileSave/sht.jpg");
  8. });
  9. $("#btn2").click(function () {
  10. var $form = $("<form method='get'> </form>");
  11. $form.attr("action", "http://127.0.0.1:5500/fileSave/sht.jpg");
  12. $(document.body).append($form);
  13. $form.submit();
  14. });
  15. });
  16. </script>

鼠标动向

在鼠标进入某个dom时,监听鼠标的坐标

  1. var content = document.querySelector(".content");
  2. content.addEventListener("mousemove", function (e) {
  3. let currentX = e.screenX;
  4. let currentY = e.screenY;
  5. }