有时我们不需要动态页的复杂部署，比如公司内部网只需简单的静态页即可实现大部分功能。那么有时静态页又需要简单的用户互动，比如根据用户需求快速跳转到指定页的功能，内容查找很好用，但稍微复杂。
此时，我们可制定超链接的简单命名，通过按钮传递变量打开制定页面，代码如下：
<input style="width: 22px; height: 18px" type="text" id="office" />测试选项
<input
style="width: 50px; height: 28px" type="button" value="测试"
onclick="window.open('超链'+document.getElementById('office').value+'.html','_blank')"
/>
解释：input里的id如果当前页面有多个按钮传递变量，就必须不能重复用此区分每个按钮的唯一性。
value是作为按钮名称来识别的，此处可随意填写，主要用来查询指定按钮名字，方便查找。
超链是页面路径的一部分，后边的office要跟id一致，结合起来就是输入xxx，点击按钮，打开当前目录下的/超链xxx.html 以新窗口方式。