设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
本版
帖子
自丢网
»
社区论坛
›
建站程序/IT教程
›
Html/Html5教程
›
HTML中button标签点击实现页面跳转的三种方法教程 ...
返回列表
发新帖
HTML中button标签点击实现页面跳转的三种方法教程
[复制链接]
2421
|
1
|
2019-7-21 21:18
|
显示全部楼层
|
阅读模式
HTML中button标签点击实现页面跳转的三种方法教程
方法1:使用onclick事件
<input type="button" value="按钮"
onclick="javascrtpt:window.location.href='http://www.zidiu.com/'" />
复制代码
或者直接使用button标签
<button onclick="window.location.href = 'https://www.zidiu.com/'">百度</button>
复制代码
方法2:在button标签外套一个a标签
<a href="http://www.baidu.com/">
<button>百度</button>
</a>
复制代码
或使用
<a href="http://www.zidiu.com/"><input type="button" value='自丢网'></a>
复制代码
方法3:使用JavaScript函数
<script>
function jump(){
window.location.href="http://www.baidu.com/";
}
</script>
<input type="button" value="百度" onclick=javascrtpt:jump() />
// 或者<input type="button" value="百度" onclick="jump()" />
// 或者<button onclick="jump()">百度</button>
复制代码
html教程
,
html中button标签跳转
,
html跳转
相关帖子
•
div块级盒子水平居中代码实现方法教程
•
表单单元表格重叠,使边框变粗的解决方法教程border-collapse: collapse
•
自丢网网站建设教程之html第1课
•
如何给hr标签添加宽度限制大小
•
html字体标记和强调标记
•
html之图片标签
•
html之pre预排版标签
•
XHTML和HTML的区别
•
html中表格table对齐方式水平和垂直
•
<frameset>框架集标签的使用
•
<frameset>框架嵌套和框架中跳转教程
•
内嵌框架iframe应用和使用教程
•
html5的新特点
•
html多媒体标签之embed标签
•
html文字滚动参数属性说明
•
html5中video和audio标签
•
w3c标准html5手册.chm
•
xHTML参考手册.chm
•
XMLHttp中文参考手册.chm
•
Html中嵌套其他HTML文件的几种方法
回复
举报
178
|
2019-8-20 05:06
|
显示全部楼层
学习了,感谢自丢教程网
回复
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
网站医生
UID
224
贡献
0
丢币
0
主题
19
回帖
1
注册时间
2019-7-3
最后登录
2019-10-4
加好友
发消息
回复楼主
返回列表
源码下载
Thinkphp教程
修罗xiuno教程
Discuz教程
zzz资源/教程
织梦教程
服务器教程
数据库教程
Html/Html5教程
JavaScript教程
Css/Css3教程
建站/web前端教程
PHP教程
其他编程教程
小程序app教程
PPT模板/素材
Word简历模板/素材
Excel模板/素材
素材中心
百科知识
图文推荐
html+js实现本站已运行运营多少天代码
2024-2-8 09:19
2024年最新ThinkPHP8.x 讲义代码SQL,实战部分结合四种前端教程
2024-1-23 09:25
小学生必背古诗75首-标注-翻译-A4可打印word版本下载
2024-1-23 09:18
长截图 截动图gif制作 贴图软件免费下载
2024-1-22 10:45
D盾_防火墙 版本: v2.1.8.1最新绿色免安装版本扫木马病毒
2024-1-22 08:27
热门排行
1
修罗轻论坛程序Xiuno免费开源+收费插件模板风格大全 价值1200元 百度云网盘下载
2
仿看雪论坛模板风格 for 修罗模板 支持4.0以上版本
3
【专业商业版】积分插件 v1.25 for xiuno修罗插件
4
修罗程序添加水印插件 for xiuno插件 支持4.0以上版本
5
邀请注册、用户消费购买邀请码 for 修罗插件 支持xiuno4.0以上版本
6
分类/标签(TAG) - 增强版 v2.5 for xiuno插件 支持4.0以上版本
7
tStore积分商城插件 v1.03 for 修罗插件 xiuno4.0以上版本
8
UMEditor 百度编辑器 v2.6 for 修罗插件xiuno 支持4.0以上版本