html 点击本页的链接如何在本页的另一个区域显示内容
作者&投稿：仇支 （若有异议请与网页底部的电邮联系）
H5edu教育HTML5开发解答
在页面中点击a标签后，要使其跳到页面里面相应的地方，方法很简单，就是在a标签里面href中的内容和你要跳到这个区域的id同名即可，例如：
点我看看
我是该区域的相应内容
若跳到其它页面相应的地方，只需在href中#jump的前面加上链接地址即可，即：点我看看
建设网站时，经常会遇到需要跳转页面的情况，例如我们的网站分中英文版本，网站程序索引页不是直接放在根目录下，而是分别放在“en”和“cn“目录中区分中英版本。
打开网站时，想直接跳转到en目录访问英文版，则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤：
1、打开Dreamweaver，新建html页面；
2、创建成功后，会显示默认html网页模板代码；
3、在中加入这样一行代码：
4、其中，数值0.1是代表跳转时间为0.1秒，我们可以根据需求修改跳转时间的长短；“/en”代表要跳转到的目标目录；
5、以上步骤完成后，Ctrl+S保存网页，文件名命名为“index“，保存类型为“html”；
6、这样我们就保存了一个index.html的网页文件，将此文件通过FTP软件上传至服务器网站根目录下，输入域名打开网站，即可自动跳转到“en”目录。
比如：
<frameset cols=20%,80%>
<frame name="menu" src="menu.html">
<frame name="content" src="contentlist.html">
</frameset>
那末在 menu.html 里的连接里都要加上：
<a href="content1.html" target="content">content1</a><br>
<a href="content1.html" target="content">content1</a><br>
<a href="content1.html" target="content">content1</a><br>
也就是你在 menu.html 这一部分的连接，点击后都会在本页的另一个区域（content）显示.
没有用frame就是一楼所说的标签了。
可以利用框架原理，下面是一个小例子，上面3个连接，点击就在页面下面显示内容，1.html；2.html；3.html是内容页
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60" align="center">
<!-- 3个链接 -->
<a href="1.html" target="htmlfrom">第1个</a>
<a href="2.html" target="htmlfrom">第2个</a>
<a href="3.html" target="htmlfrom">第3个</a></td>
</tr>
<tr>
<td>
<!-- 网页显示区域，可控制宽和高 -->
<iframe src="1.html" name="htmlfrom" width="500" height="245" scrolling="No" frameborder="0" id="htmlfrom"></iframe>
</td>
</tr>
</table>
用框架了吗？就是<Frame name="frame1"> 在<a href="xxxx.html" target="frame1"></a>
注意我写上的name和target属性
用JSP则需要用指令导入新页面
用
frame，重要的好给每个
frame
起个名字。
比如：
<frameset
cols=20%,80%>
<frame
name="menu"
src="menu.html">
<frame
name="content"
src="contentlist.html">
</frameset>
那末在
menu.html
里的连接里都要加上：
<a
href="content1.html"
target="content">content1</a><br>
<a
href="content1.html"
target="content">content1</a><br>
<a
href="content1.html"
target="content">content1</a><br>
也就是你在
menu.html
这一部分的连接，点击后都会在本页的另一个区域（content）显示.
没有用frame就是一楼所说的标签了。
设置书签就可以了,设置很简单,如果你使用frontpage的话
选择插入超链接---本文档中的位置-----书签
辉怖天晴： <head><!-- 以下方式只是刷新不跳转到其他页面 --><meta http-equiv=＂refresh＂ content=＂10＂><!-- 以下方式定时转到其他页面 --><meta http-equiv=＂refresh＂ content=＂5;url=hello.html＂></head> 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3CRecommendation、见本处参考资料原文内容:.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成.
剑河县17546193814： 点击一个页面内容怎么在本页面跳转 - ？
辉怖天晴： 在A页面某链接处 在B页面指定的标题处定义相关的id, 或者: 在页面要转到的位置上加,跳转的链接后加“#名称”,如: 第二行:3 链接为:第二行 用锚链接 一、跳转到顶部 1、首先我们在网页body内最上面添加一个 2、我们再到body内
剑河县17546193814： 如何制作使鼠标点击一个链接后直接在本页固定一个地方刷新内容?? - ？
辉怖天晴： 可以用框架页 把下面这段放到你要的地方<iframe id=＂hmframe＂ name=＂hmframe＂ width=＂100px＂ height=＂100px＂></iframe> 再在<a ...>中加一个target属性,如下<a href=... target=＂hmframe＂>...</a> 其中target的值为上面的控件的名字
剑河县17546193814： 如何使用HTML实现点击一个链接打开新窗口 PDF - ？
辉怖天晴： html实现点击一个链接打开新窗户的方法如下:1. html点击一个链接就是超链接,代码如下: <a href=＂http://www.baidu.com/abc.pdf＂ target=＂_blank＂>PDF<a>说明:target=＂_blank＂就是新窗口打开.
剑河县17546193814： html网页通过点击按钮进行页内链接 - ？
辉怖天晴： 我以前是这样处理的.让一个控件得到焦点, document.getElementById(＂***＂).onfocus()或者用楼上的方法改进下<input type=＂button＂ value=＂url＂ onclick=＂location.href='#内链接名字';＂ />
剑河县17546193814： 点击网页左边链接如何让连接内容出现在有右边,前提不用框架,最好有代码 - ？
辉怖天晴： 左边链接右边内容
剑河县17546193814： 怎样设置点击一个网页之后直接跳到所点网页的页面上 - ？
辉怖天晴： 打开ie浏览器--工具---internet选项--常规--更改网页在选项卡的显示方式(靠下面)--设置---遇到弹出窗口时:选择＂始终在新窗口打开弹出窗口”
剑河县17546193814： 网页中如何实现点击链接后设当前页为首页？
辉怖天晴： 这个要用JS代码写的,相信楼主问的应该是一般页面右上方的“设为首页”那个按扭吧? 将下列代码插入<body>区中: <A href= http://www.web161.com onmouseover=＂this.style.behavior='url(#default#homepage)';this.setHomePage( http://www.web161.com';);＂ target=＂_blank＂>设为首页</A> 只要把代码中的网址改成你自己的就可以了.
剑河县17546193814： 关于HTML代码 点击网页中的连接 弹出 新的页面 不在本页显示的代码 - ？
辉怖天晴： XXXXXXXXXXXXX or xxxxxxxxxxxxxxxx
剑河县17546193814： 就那种点一下链接,就跳到另一个网页的那种链接怎么做? 教一下,谢谢了 - ？
辉怖天晴： baidu.baidu;/a>.com＂ target=＂_blank＂>http.com＂ target=＂_blank＂>点击我<://www跳到另一个网页的链接html代码可以这样写:
