STU网页设计

学生简单网页制作如何点击button按钮标签实现页面跳转

更新时间:2020-03-02   文章分类:网页技术课堂

在学生静态HTML网页作业制作中,一般表单是不需要实现动态交互的,这时我们可以简单对按钮制作以下页面跳转效果,比如点击登录或者提交时跳转到网页首页。那么如何设置点击button按钮标签实现页面跳转呢? 

方法1:使用onclick事件

<inputtype="button"value="按钮" onclick="javascrtpt:window.location.href='https://www.stu-works.com'"/>
或者直接使用button标签
<button onclick="window.location.href='www.stu-works.com'">网页设计</button>
 
方法2:在button标签外套一个a标签
<a href="https://www.stu-works.com"><button>网页设计</button></a>
<a href="https://www.stu-works.com"><input type="button" value='网页设计'></a>
 
方法3:使用JavaScript函数
<script>functionjump(){window.location.href="https://www.stu-works.com";}</script>
 
<input type="button" value="网页设计" onclick=javascrtpt:jump()/>

<input type="button" value="网页设计" onclick="jump()"/>

<buttononclick="jump()">网页设计</button>
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询