input链接页面、打开新网页等等的具体实现
作者:互联网
2025-08-17
1.链接到某页
< input type="button" name="Submit" value="确 定"
onclick="location.href='filename.html'" / >
2.返回(等同后退)
< input name="Submit2" type="button"
onclick="location.href='javascript:history.go(-1);'" value="返 回" / >
3.打开新网页
< input type="button" name="Submit2" value="确 定"
onclick="window.open('filename.html')" / >
4.打开无边框的新窗口
< input type="button" name="Submit2" value="确 定" onclick="javascript:window.open('filename.html','','width=720,height=500,resizable=yes,scrollbars=yes,status=no')" / >
5.打开新网页同时指向另一页
< input type="button" name="Submit2" value="确 定" onclick="window.open('filename.html');location.href='http://www.*c*x*ybl.com'" / >
6.打开无边框的新窗口同时指向另一页
< input type="button" name="Submit2" value="确 定" onclick="javascript:window.open('http://www.*c*x*ybl.com','','width=720,height=500,resizable=yes,scrollbars=yes,status=no'); window.location='filename.html';" / >
7.点击按钮弹出确认alert窗口
方式一:
< input type="button" name="Submit1" value="确定"
onClick="alert('是否确认提交?');location.href= 'filename.html';return false;" >
方式二:
< input type="button" name="Submit2" value="确定"
onClick="if (confirm('是否确认提交?'))location.href= 'filename.html';return false;" >
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
「性能优化」虚拟列表极致优化实战:从原理到源码,打造丝滑滚动体验
你的 Vue 3 生命周期,VuReact 会编译成什么样的 React?
你的 Vue 3 defineProps(),VuReact 会编译成什么样的 React?
Vue条件渲染详解:v-if、v-show用法与实战指南
前端性能内卷终点?Signals 正在重塑我们的开发习惯
使用 IntersectionObserver + 哨兵元素实现长列表懒加载
大屏卡成 PPT?这 3 个性能优化招数亲测有效
别再用 JSON.parse 深拷贝了,聊聊 StructuredClone
当 Vue 3 遇上桥接模式:手把手教你优雅剥离虚拟滚动的业务大泥球
VueUse 全面指南|Vue3组合式工具集实战
AI精选
