js新增历史并修改地址栏但不刷新页面

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link href="https://cdn.bootcss.com/mui/3.7.1/css/mui.min.css" rel="stylesheet">
</head>
<body>

<script>
var txt=location.href;
var stateObject = {id: txt};
    var title = "标题 "+txt;
    var newUrl = txt+'?aaaa=bbb';
    history.pushState(stateObject,title,newUrl);
</script>


</body>
</html>