dw中按钮如何跳转页面

 时间:2026-02-13 11:00:18

1、双击打开Adobe Dreamweaver CC 2018工具,新建文档HTML5,添加标题并点击创建

dw中按钮如何跳转页面

2、点击插入菜单,依次操作表单--->按钮,插入到页面上

dw中按钮如何跳转页面

3、确定后,可以看到实时视图上显示一个提交按钮,即是input type=button

dw中按钮如何跳转页面

4、返回到代码视图,修改按钮显示文字内容;利用元素选择器,设置按钮样式

dw中按钮如何跳转页面

5、在script标签中,定义方法sendMsg,并给location.href赋值;然后绑定到按钮点击事件

dw中按钮如何跳转页面

6、保存代码并运行页面文件,打开浏览器,可以查看到跳转按钮

dw中按钮如何跳转页面

7、点击跳转按钮,可以发现页面显示发生了改变,路径也发生了改变

dw中按钮如何跳转页面

  • 如何创建DW自动跳转页面
  • Dreamweaver如何定制可自由在页面内跳转的链接
  • DW软件怎么实现两个网页面连接
  • DW怎么实现一个网页内包含多个页面的效果?
  • dw超链接怎么设置
  • 热门搜索
    安全手抄报内容 1~6年级一等奖手抄报 关于消防安全的手抄报 清明手抄报内容 安全教育手抄报 防溺水安全手抄报 劳动节手抄报 世界水日手抄报 清明节手抄报的内容 运动会手抄报