前端知識摘要

一、實現讀取txt文本，修改並下載修改後的內容。

html：

<input type="file" id="file" />
  <textarea class="text"></textarea> 
  <a class="down"  download>下載</a>

js：

$("#file").change(function(e){
    var reader = new FileReader()
      var img1 = event.target.files[0]
      var filetext=''
      reader.readAsText(img1)
      reader.onloadend = () => {
        filetext = reader.result
        $(".text").text(filetext)
      }

  })
  var funDownload = function (content, filename) {
    var eleLink = document.createElement('a');
    eleLink.download = filename;
    eleLink.style.display = 'none';
    // 字符內容轉變成blob地址
    var blob = new Blob([content]);
    eleLink.href = URL.createObjectURL(blob);
    // 觸發點擊
    document.body.appendChild(eleLink);
    eleLink.click();
    // 而後移除
    document.body.removeChild(eleLink);
  };
  $(".down").click(function(){
    funDownload($(".text").text(), 'a.txt');
  })

 二、element.insertAdjacentHTML(position, html);

三、獲取瀏覽器上一頁的url  >>>document.referrer

四、移動端屏幕滾動事件

$(window).scroll(function () {
      var t =$(window).scrollTop(),
        h = $(".header_menu").height()+$(".search-screen-title").height();
      if (t > h) {
        $(".search-screen__wraper").addClass("auto-fixed")
        $(".search-screen__wraper-space").show()        
      } else {
        $(".search-screen__wraper").removeClass("auto-fixed")
        $(".search-screen__wraper-space").hide()
      }
    })

第二行，之前是使用var t = $(document).scrollTop()，如今不支持這種寫法，用過var t = $("body,html").scrollTop()。在谷歌瀏覽器上能夠，可是真機運行又不行。

五、html中video視頻js實現暫停功能

var myvideo = document.getElementById("houseVideo")
myvideo.pause()

注意video一點要用id。不然沒法獲取到視頻對象，致使裏面的pause、load()、play()等方法調用報錯

 6.只能輸入正整數的input框實現

<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">