首页 > 其他分享 >静态页上的按钮跳转指定页的简单方法

静态页上的按钮跳转指定页的简单方法

时间:2022-10-28 09:15:15浏览次数:45  
标签:静态 简单 指定 按钮 跳转 页面

有时我们不需要动态页的复杂部署,比如公司内部网只需简单的静态页即可实现大部分功能。那么有时静态页又需要简单的用户互动,比如根据用户需求快速跳转到指定页的功能,内容查找很好用,但稍微复杂。

此时,我们可制定超链接的简单命名,通过按钮传递变量打开制定页面,代码如下:

<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 以新窗口方式。

标签:静态,简单,指定,按钮,跳转,页面
From: https://www.cnblogs.com/System-admin/p/16834676.html

相关文章

  • 静态二叉树建立
    #defineSZ(x)(int)(x.size())constintinf=0x3f3f3f3f;strings="ab##C##";structNode{intval;intl,r;Node(){val=inf;}......
  • new: 轮播图 | MDN上HTML的总结和CSS面试题解答,以及vue-admin/豆瓣一个静态页面的实现
    主要参看oppo官网https://www.oppo.com/cn/,实现以下功能一、轮播图https://www.cnblogs.com/WindrunnerMax/p/12638005.html通常是在首页读秒播放的图片,本次了解的是opp......
  • 对静态代理模式的初步理解
    packagedemo1;publicclassStaticProxy{publicstaticvoidmain(String[]args){newThread(()->System.out.println("我爱你")).start();......
  • 636 自动跳转首页_案例 and 637 DOM概念
    自动跳转首页_案例分析:1.显示页面效果 <p>2.倒计时读秒效果实现2.1定义一个方法,获取span标签,修改span标签体内容,时间--2.2......
  • windows添加静态路由
    在windows运行窗口中输入“CMD”然后点击确定;在命令提示符窗口中输入“routeadd10.1.1.0mask255.255.255.010.0.1.1”然后回车,操作完成后如下图;  有人问为......
  • uniapp页面跳转,返回,刷新,传递数据
    uniapp页面跳转,返回,刷新,传递数据携带参数跳转请看上一篇:uni-app页面跳转传递参数-苏槿年-博客园(cnblogs.com)返回上一页面并刷新在uniapp中,返回上一页面的写法是:......
  • 安卓之按钮状态的保存
    1:首先定义全局变量。作为按钮状态的一个保存//rawData是否上传的全局状态publicstaticbooleanrawDataStatus=false;2:点击按钮时,在onClick方法中·实现按钮点击的开关......
  • asp.net 页面跳转的方法
    1.Response.Redirect("http://www.hao123.com",false);目标页面和原页面可以在2个服务器上,可输入网址或相对路径。后面的bool值为是否停止执行当前页。跳转向新的页面,原......
  • Kali Linux安装VMware tools安装过程及VM安装vmtools按钮灰色
    小白记录安装vmtools:1.意义与作用:VMWAREtools是虚拟机自带的软件,安装后可以更新虚拟机中的显卡驱动,鼠标想移出虚拟机也不需要按组合键,在主机和客户机之间时间......
  • Dynamic Web Project项目中实现.jsp文件之间的跳转
    对这部分知识不太熟悉,特地发出来记录一下 以之前发布的增删改查中主界面跳转到add.jsp文件为例具体实现代码如下<buttontype="submit"value="add"onclick="window.......