html根据地址栏携带的参数改变网站的title

<script>
    let url = window.location.href;   //获取地址栏的url
    let id="";
    if(!sessionStorage.getItem("id")){    //若本地存储的id值不存在
      if (url.indexOf("?") != -1) {
        let str = url.substr(url.indexOf("?")+1);
        id = str.split("=")[1]
      }
      sessionStorage.setItem("id",id);
    }
    else{
      id=sessionStorage.getItem("id");
    }
    $.ajax({
      type:"Get",
      url:"https://api/getInstitution",
      dataType:"json",
      data:{
        institution_id:id
      },
      success:function(res){
        document.title=res.data.institution_name
        console.log(document.title)
      }
    });
</script>

遇到的问题

将这段js代码放在onload方法中，修改的title不起作用。

原因

onload方法是在完全加载body所有内容（包括图像、脚本文件、CSS 文件等）之后才执行的，此时title已经渲染完成，无法再对title进行修改，所以上面这段js代码应该放在onload方法外面。