返回目录:设置问题
比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:
1、t1页面中设置超链接href属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>t1页面</title>
<style>
html,body{margin:0;padding:0;background-color:#ccc;}
.anchor{display:block;padding:5px 10px;background-color:#aaa;}
</style>
</head>
<body>
<a href="./t2.html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>
</body>
</html>
2、t2页面中设置锚点元素的ID为a1。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>t2页面</title>
<style>
html,body{margin:0;padding:0;background-color:#ccc;}
.anchor{display:block;padding:5px 10px;background-color:#aaa;}
.placeholder{height:800px;padding:5px;}
</style>
</head>
<body>
<div class="placeholder">占位div1</div>
<a id="a1" href="#" class="anchor">锚点a1</a>
<div class="placeholder">占位div2</div>
</body>
</html>
3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。
4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏e799bee5baa6e997aee7ad94e59b9ee7ad94362览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。
页面中显示HTML标签源代码
归纳几种方法,根据需求选用copy:
a: 把代码写在文本区域 <textarea> 标签中。可以设置 disabled="disabled" 属性,禁止用户操作。
b: 把要显百示在html文档中标签的 "<"、">" 用实体字符替换掉。如:<p></p> 外层嵌套<pre>标签可使页面度与HTML格式一致。
C: 用程序批量替换。
<span><a onclick="SetHome(window.location)" href="javascript:void(0)">设为首页</a>
<a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)">加入收藏</a></span>
<script type="text/javascript" language="javascript">
//加入收藏
function AddFavorite(sURL, sTitle) {
sURL = encodeURI(sURL);
try{
window.external.addFavorite(sURL, sTitle);
}catch(e) {
try{
window.sidebar.addPanel(sTitle, sURL, "");
}catch (e) {
alert("加入收藏失败,请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
}
}
}
//设为首页
function SetHome(url){
if (document.all) {
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(url);
}else{
alert("您好,您的浏览器不支持e799bee5baa6e58685e5aeb9332自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
}
}
</script>
设为首页和加入收藏的代码,可以试试看