成都网站建设设计

将想法与焦点和您一起共享

html5页面跳转,html5页面跳转怎么传值

html5 怎么在前端跳转到其他页面

a href="index1.html"点击/a

作为一家“创意+整合+营销”的成都网站建设机构,我们在业内良好的客户口碑。创新互联公司提供从前期的网站品牌分析策划、网站设计、成都网站设计、成都网站建设、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

点击后跳转到index1.html页面。

HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分

可以使用网页的锚点,即a标签的id属性,如a id="C6"Chapter 6/a当从另处页面连接到该页地址加#C6时就会跳转到此处。

示例:

网页a.htm

!DOCTYPE html

head

titleA/title

/head

body

a href="b.htm#C6"B - Chapter 6/a

/body

/html

网页b.htm

!DOCTYPE html

head

titleB/title

/head

body

h2Chapter 1/h2

pThis chapter explains ba bla bla/p

h2Chapter 2/h2

pThis chapter explains ba bla bla/p

h2Chapter 3/h2

pThis chapter explains ba bla bla/p

h2Chapter 4/h2

pThis chapter explains ba bla bla/p

h2Chapter 5/h2

pThis chapter explains ba bla bla/p

h2a id="C6"Chapter 6/a/h2

pThis chapter explains ba bla bla/p

h2Chapter 7/h2

pThis chapter explains ba bla bla/p

h2Chapter 8/h2

pThis chapter explains ba bla bla/p

h2Chapter 9/h2

pThis chapter explains ba bla bla/p

h2Chapter 10/h2

pThis chapter explains ba bla bla/p

h2Chapter 11/h2

pThis chapter explains ba bla bla/p

h2Chapter 12/h2

pThis chapter explains ba bla bla/p

h2Chapter 13/h2

pThis chapter explains ba bla bla/p

h2Chapter 14/h2

pThis chapter explains ba bla bla/p

h2Chapter 15/h2

pThis chapter explains ba bla bla/p

h2Chapter 16/h2

pThis chapter explains ba bla bla/p

h2Chapter 17/h2

pThis chapter explains ba bla bla/p

/body

/html

运行效果:

html5链接在本页面内跳转

H5edu教育HTML5开发解答

在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如:

a href="#jump"点我看看/a

p id=“jump”我是该区域的相应内容/p

若跳到其它页面相应的地方,只需在href中#jump的前面加上链接地址即可,即:a href="链接地址#jump"点我看看/a


分享题目:html5页面跳转,html5页面跳转怎么传值
本文路径:http://chengdu.cdxwcx.cn/article/dssssig.html