在学生静态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>