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代码可以这样写: