仅使用javascript在div中加载另一个html文件时更改url

在使用JavaScript加载另一个HTML文件并更改URL时，可以通过以下步骤实现：

1. 创建一个用于加载HTML文件的函数，例如loadHTML()。
2. 在loadHTML()函数中，使用XMLHttpRequest对象或fetch API来异步加载HTML文件。这可以通过发送GET请求到HTML文件的URL来实现。
3. 在请求成功后，可以通过获取到的HTML内容将其插入到目标<div>元素中。可以使用innerHTML属性将HTML内容赋值给目标<div>元素。
4. 在插入HTML内容后，可以使用window.history.pushState()方法来更改URL，以便反映加载的HTML文件。该方法接受三个参数：新的状态对象、新的页面标题（可选）和新的URL。通过传递新的URL，可以更改浏览器地址栏中显示的URL。
5. 最后，可以在加载HTML文件时处理任何错误或异常情况，并提供相应的错误处理机制。

以下是一个示例代码，演示如何使用JavaScript在<div>中加载另一个HTML文件并更改URL：

function loadHTML(url, targetDivId) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var targetDiv = document.getElementById(targetDivId);
      targetDiv.innerHTML = xhr.responseText;
      window.history.pushState(null, null, url);
    }
  };
  xhr.send();
}

// 调用loadHTML函数，传递HTML文件的URL和目标<div>元素的ID
loadHTML('path/to/another.html', 'targetDiv');

在上述示例中，loadHTML()函数接受两个参数：HTML文件的URL和目标<div>元素的ID。通过调用loadHTML()函数并传递相应的参数，可以加载指定的HTML文件并将其内容插入到目标<div>元素中。同时，浏览器的URL也会相应地更改为加载的HTML文件的URL。

请注意，这只是一个基本示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。