如何通过外部HTML链接打开本地123.htm并自动展开表格？

当然可以实现！这里有几种靠谱的方案，你可以根据自己的需求挑选：

方案一：通过URL查询参数传递状态（最推荐，简单兼容） #

这个方法通过给目标页面的URL加一个参数，让页面加载时自动触发展开逻辑：

1. 修改123.htm的JavaScript逻辑
   找到你原来点击"click here"触发的展开方法（假设叫expandTable()），在页面加载时加入参数检查：

   // 可以放在页面底部，或者用DOMContentLoaded确保DOM加载完成
   document.addEventListener('DOMContentLoaded', function() {
     // 解析URL里的查询参数
     const urlParams = new URLSearchParams(window.location.search);
     const shouldExpand = urlParams.get('expand');
     // 如果参数存在且为true，自动执行展开方法
     if (shouldExpand === 'true') {
       expandTable();
     }
   });
   

2. 在另一个HTML文件里创建带参数的链接
   直接把参数加到链接的URL里就行：

   <a href="123.htm?expand=true">打开已展开表格的123页面</a>
   

   这个方法兼容性拉满，而且不需要复杂的跨页面通信，URL也能直观体现状态。

方案二：利用localStorage传递状态（适合隐藏参数的场景） #

如果不想在URL里暴露展开状态，或者需要传递更多复杂信息，可以用localStorage（仅限同域名下的页面）：

1. 在跳转页面添加点击事件逻辑
   不用直接写href，而是通过JS先设置存储状态再跳转：

   <a href="#" onclick="openExpandedPage()">打开已展开表格的123页面</a>
   <script>
     function openExpandedPage() {
       // 设置本地存储标记
       localStorage.setItem('needExpandTable', 'true');
       // 打开目标页面，也可以用window.location.href在当前页跳转
       window.open('123.htm', '_blank');
     }
   </script>
   

2. 修改123.htm的加载逻辑
   页面加载时检查存储的标记，执行展开后记得清除标记，避免下次打开自动展开：

   document.addEventListener('DOMContentLoaded', function() {
     const needExpand = localStorage.getItem('needExpandTable');
     if (needExpand === 'true') {
       expandTable();
       // 用完清除，避免影响后续打开
       localStorage.removeItem('needExpandTable');
     }
   });
   

方案三：直接设置页面默认展开（适合不需要手动折叠的场景） #

如果你希望123.htm每次打开都自动展开表格，不需要保留手动点击展开的触发逻辑，可以直接让页面加载时执行展开方法：

document.addEventListener('DOMContentLoaded', function() {
  expandTable(); // 页面一加载就自动展开表格
});

然后另一个页面的链接直接指向原文件即可：

<a href="123.htm">打开已展开表格的123页面</a>

不过这个方法会让123.htm所有打开场景都自动展开，灵活性不如前两种。

注意事项 #

• 确保expandTable()方法在页面加载时已经定义，比如把JS代码放在页面底部，或者用DOMContentLoaded事件（比window.onload更早触发，体验更好）。
• 如果用URL参数，注意参数值的大小写，代码里要和链接里的保持一致。

内容的提问来源于stack exchange，提问作者Amir B