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超链接怎么设置
  • 热门搜索
    十一月开什么花 有关蜜蜂的知识 胶原蛋白有什么作用 草莓的营养价值及功效与作用 三九胃泰的功效与作用 油性皮肤用什么护肤品 手癣用什么药 五线谱知识 斯达舒的功效与作用 叶酸片的作用