dw中按钮如何跳转页面

 时间:2024-10-19 01:34:40

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超链接怎么设置
  • 热门搜索
    潍坊旅游景点 南充旅游 蚂蜂窝旅游攻略 旅游论文 鲅鱼圈旅游攻略 缅甸旅游 沈阳旅游攻略 山东旅游景点排行 焦作旅游 仙居旅游