html—用a实现网页内部跳转

html—用a实现网页内部跳转,第1张

1.将链接的 href 属性值设置为一个哈希符号 # ,再加上你想内部链接到的元素的 id,通常是在网页下方的元素。

2.将相同的 id 属性添加到你链接到的元素中。

注:id 是描述网页元素的一个属性,它的值在整个页面中唯一。

当用户点击了 Contacts 链接,页面就会跳转到网页的 Contacts 区域

点击“Jump to Bottom”之后,跳转到页脚“Copyright Cat Photo App处”:

注:footer为页脚标签,实现页面内跳转同时需要在footer标签中进行如下更改:

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7590273.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存