-------indexhtml-----------div div id=top div input type=text style=width 400px; placeholder=请输入要查找的博客标题、作者、分类等关键字input id=btnQuery type=button valu

<p>这两个文件可以通过在index.html中添加一个事件监听器来实现结合。具体操作如下：</p>
<ol>
<li>
<p>在index.html中的<script>标签中添加一个事件监听器，监听新增按钮的点击事件。</p>
<pre><code>document.getElementById(&quot;btnAdd&quot;).addEventListener(&quot;click&quot;, () =&gt; {
    location.href = './create.html';
})
</code></pre>
</li>
<li>
<p>在create.html中的<script>标签中添加两个事件监听器，分别监听取消按钮和保存按钮的点击事件。</p>
<pre><code>document.getElementById(&quot;btnCancel&quot;).addEventListener(&quot;click&quot;, () =&gt; {
    location.href = &quot;./index.html&quot;;
});

document.getElementById(&quot;blogForm&quot;).addEventListener(&quot;submit&quot;, (e) =&gt; {
    e.preventDefault(); // 阻止表单默认提交行为

    // 其他保存表单数据的逻辑
});
</code></pre>
</li>
</ol>
<p>通过上述操作，当在index.html页面点击新增按钮时，会跳转到create.html页面。在create.html页面点击取消按钮时，会跳转回index.html页面。在create.html页面点击保存按钮时，会执行表单数据的保存逻辑，并跳转回index.html页面</p>