window.history.replacestate

window.history.replaceState是HTML5中的一个API，用于修改浏览器历史记录中当前页面的状态。通过调用该方法，可以在不刷新页面的情况下，修改当前页面的URL、标题和状态对象。这个方法可以用来实现前端路由、单页应用等功能。

相关问题

window.history && window.history.replaceState

window.history && window.history.replaceState 是用来修改浏览器历史记录的方法。它可以在不刷新页面的情况下改变当前页面的 URL，并且将新的 URL 添加到浏览器的历史记录中。

这个方法有两个参数：state 和 title。state 是一个 JavaScript 对象，它可以保存一些额外的信息，用于在后退或前进时恢复页面的状态。title 是一个字符串，表示新的历史记录条目的标题。

使用 window.history.replaceState 方法可以实现一些特殊效果，例如在单页面应用中切换页面内容而不刷新整个页面。但需要注意的是，这个方法只能修改当前页面的 URL，不能跳转到其他域名下的页面。

// function updateFilter( files, tags ) { // let v = filterInput.value.trim(); // v = v.replace( /\s+/gi, ' ' ); // replace multiple whitespaces with a single one // if ( v !== '' ) { // window.history.replaceState( {}, '', '?q=' + v + window.location.hash ); // } else { // window.history.replaceState( {}, '', window.location.pathname + window.location.hash ); // } // const exp = new RegExp( escapeRegExp( v ), 'gi' ); // for ( const key in files ) { // const section = files[ key ]; // for ( let i = 0; i < section.length; i ++ ) { // filterExample( section[ i ], exp, tags ); // } // } // layoutList( files ); // updateLink( v ); // }

这是一段被注释掉的代码，原本是用于更新筛选器的。在这段代码中，首先获取 filterInput 元素的值，并将连续的多个空格替换为一个空格。如果值不为空，则将查询参数（即 v）添加到 URL 的查询字符串中，并替换当前的浏览历史记录。然后，使用 escapeRegExp() 函数创建一个正则表达式，用于匹配文件名中包含查询字符串的文件。接下来，循环遍历所有的文件，并使用 filterExample() 函数将符合条件的文件筛选出来。最后，调用 layoutList() 函数重新布局文件列表，并调用 updateLink() 函数更新链接。