有时我们不需要动态页的复杂部署,比如公司内部网只需简单的静态页即可实现大部分功能。那么有时静态页又需要简单的用户互动,比如根据用户需求快速跳转到指定页的功能,内容查找很好用,但稍微复杂。
此时,我们可制定超链接的简单命名,通过按钮传递变量打开制定页面,代码如下:
<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 以新窗口方式。