html如何实现点击按钮跳转页面

html-css014

html如何实现点击按钮跳转页面,第1张

1、首先，我们新建一个带有button按钮的页面，在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转，如下图所示。

4、还可以写一个click函数，来触发页面跳转。这就需要我们获取到这个button，可以给button一个Id了，如下图所示。

可以用JS脚本检测出鼠标按键。首先在html中的body里面添加鼠标事件，然后根据不同的按键触发后给用户一个提示：

<body onmousedown="ceshi(event)">

<script>

 function ceshi(event)

    {

    var Num = event.button

    if (Num==2)

      {

      alert("已按下鼠标右键！")

      }

     else if(Num==0)

      {

      alert("已按下鼠标左键！")

      }

     else if(Num==1)

      {

      alert("已按下鼠标中键！")

      }

   else

      {

      alert("已按下" + Num+ "号键，属于其他功能键。")

      }

    }

</script>

</body>

事件属性button，是触发事件的时候，获取事件对象获取button的值判断，是按下了鼠标的哪个键。

1、首先创建一个名称为button的html文件，如下图所示。

2、在body中加入onmousedown事件，事件中加入自定义函数，函数中加入事件返回对象。

3、接着加入一个p标签加入id，如下图所示。

4、然后创建一个自定义函数mybutton，如下图所示。

5、自定义函数中通过event。button属性获取整数值，并判断整数值来区分鼠标按键。

6、最后在浏览器中打开文件，在指定区域随意按下鼠标按键，查看结果。