怎么在html页面内部跳转?

html-css015

怎么在html页面内部跳转?,第1张

使用锚点标记来跳转到指定位置,只需要在a标签中加name属性定义一个点,然后使用a中href属性加#号来定义跳转按钮。

举个例子:

<a name="hello">Hello</a>

xxxxx

xxxxx

<a href="#hello">点击这里跳转到Hello处</a>

其中xxx是你的其它任意代码

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

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

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

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

页内跳转,一般使用锚点标记和 Name(名称)属性 。

name属性用来命名锚点,创建已命名的锚点. 我们可以使用命名了的锚点, 直接跳到一个网页中的指定部分处. 避免用户上下拖动鼠标, 在页面上苦苦寻找.

下面是一个命名锚点的语法:

<a name="label">Text to be displayed</a>

name属性用来创建一个已命名锚点. 锚点的 name(名称)属性的值可以是任何文本, 也就是可以自由设置它的名字,如同css的class命名一样。

下面一行定义了一个已命名锚点:

<a name="tips">有用的提示</a>

一个命名了的锚点并不以特别的方式显示, 与没有命名的锚点显示相同。

为了直接链接到 "tips" 部分, 在URL后面, 添加一个 # 和一个锚点名, 例如:

<a href="/sl.html#tips">跳到有用的提示部分</a>

在文件 "sl.html"内部, 对“有用的提示”部分的超级链接, 是下面这样的:

<a href="#tips">跳到有用的提示部分</a>