a href="javascript:t('1')" 后面如何加#html锚点?

例如我想通过此js代码 实现锚点技术,例如点击a href="javascript:t('1')"#html
然后跳转到 name="html"布局位置。。。。。

请问我这样的写法对吗?href="javascript:t('1')"#html

但是我必须用到这个js连接,如何让他即控制js连接又控制锚点位置。。

href="javascript:test()"可以调用js的test方法

onclick = "test()" 同样可以调用js的test方法

在href属性后面添加一个onclick属性就可以解决问题。href控制页面跳转路径 onclick控制调用js,解决方法不唯一但这种是最简单的。

<html>
<head>
<title>test</title>
</head>
<body>
<a href="#name" onclick="javascript:alertstr();">click</a>
<div style="height:5000px;"></div>
<div id="name"></div>
<script type="text/javascript">
function alertstr(){
alert(1);
}
</script>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-03-13
在DOM中,有很多对象都有scrollIntoView方法,调用指定对象的scrollIntoView方法可以将当前对象滚动到可见位置,这个功能和锚点有异曲同工之妙.如:
document.getElementById('div_a').scrollIntoView(true);追问

具体点,非常感谢。。。

追答

结合你的情况,给出两个解决方法:
1.将脚本写到onclick事件里,锚点链接还是用A标签的href属性实现,如:
链接

2.全部使用JS
链接

function t(v1,v2){
// 你原来的函数代码
document.getElementsByName(v2)[0].scrollIntoView(true); // 获取name=v2的对象,并调用其scrollIntoView方法使之滚动到可见区域.
}

追问

第一种这样可以吗?链接 可否两个onclick同时用,有影响吗?

第二种 那个v1值必须有吗?
但是我测试时候,为什么点击会滚动下一个div啊?是怎么回事啊?

追答

第一种,不要写两次onclick,只需要用不同的参数调用t函数两次即可,这样写
链接
第二种写法,v1就是你原来t函数的形参变量,v2是后加的,用来传递锚点的name.
scrollIntoView方法参数有true和false两种情况,
true:如果滚动条足够长,则将对象的顶端与当前窗口的顶部对齐
false:对象的底端与当前窗口的顶端对齐

追问

第一种格式对吗?为什么我改成后,原来的功能失效了?

第二种方法对吗?
1111111111
链接

function t(v1,v2){ document.getElementsByName(v2)[0].scrollIntoView(true)}

我这里怎么没有成功啊!!

追答

第一种写法:

第二种写法:
链接

html

function t(v1,v2){ document.getElementsByName(v2)[0].scrollIntoView(true);}

由于name不是div的标准属性,所以给div设置name属性并不可行,但a标签有name属性,所以可以用一个a标签来解决. 或者换用id属性也可以,大多数DOM对象都支持id属性的.

追问

v1是什么意思?能不能具体啊?

追答

这个怎么解释呢? 没什么好解释的,就是函数 t 的形参变量, 你的函数 t 以前不是只接收一个参数吗? 现在又加了一个, 原来的就用v1代表, 新加的用v2代表.
如果你连这个都看不懂,那你就用第一种方法好了.

追问

好的 哥们,非常感谢了。。给你加分。。
你的qq号多少,我再问个小问题。。

追答

不加Q, 在百度知道里提问就行了, 或是向我发求助, Hi我也可以

追问

document.getElementsByName(v2)[0].scrollIntoView(true); 这段代码只能适合 滚动下一个啊。。不能实现滚动到指定的文章,不过我看好了这种滚动效果,具体怎么实现让他滚动到指定位置?

追答

你问的我有点听不明白.但你可以把scrollIntoView方法理解为让当前对象自动滚动到能看见的位置,但它不可以用于精确定位,精确定位的话,需要自己计算滚动距离,然后通过设置 scrollHeight, scrollLeft, scrollTop, scrollWidth 等属性来实现.
只有A标签的href和锚点配合才能实现在载入新页面后滚动到指定的位置,虽然用JS也有变通的解决方法,但要复杂很多.
最后,我不得不提醒你,追问超过三次以后,每次追问都会被扣财富值的.所以如果你积蓄不多,最好开新问题提问.

本回答被提问者和网友采纳
第2个回答  2012-01-26
<html>
<head>
<title></title>
<script type="text/javascript">
</script>
</head>
<body>
<span ><a href="#" name="nnn">顶部</a></span>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#" onclick="javascript:location.href.'#nnn'">点击回到顶部top</a>
</body>
</html>

下面两句,你看看吧。
<a href="#" name="nnn">顶部</a>
<a href="#" onclick="javascript:location.href.'#nnn'">点击回到顶部top</a>

有不明白的继续问
第3个回答  2015-04-21
你可以给,执行javaScript的方法,你可以写到js里边,然后href写锚点,如下代码
js代码:
<javascript>
$(function(){
$('a').click(function(){
t('1');
});
});
</javascript>
html代码:
<a href="#html"></a>
第4个回答  2012-01-28
把javascript放到onclick里面去
<a onclick="t('1');" href="#html">link text</a>

怎样使用html网页中的锚点
[1]) 对于如上锚点的访问有两种方法 一种是利用超链接标签<a><\/a>制作锚点链接,主要用于页面内的锚点访问 <a href="#top">点击我链接到TOP<\/a> <a href="#content">点击我链接到CONTENT<\/a> <a href="#foot">点击我链接到FOOT<\/a>另一种方式是直接在页面地址后面加锚点标记,主要用于...

html中设置锚点定位的几种常见方法
1、方法一:给锚点文本标签添加id,使用<a href="#"><\/a>来定位,当单击a链接时,就会跳到id为a01的p标签处;如:<div><a href="#a01"><\/a><\/div> <p>练习<\/p><p>练习<\/p><p>练习<\/p><p>练习<\/p><p>练习<\/p> <p id="a01">练习<\/p> 这样的定位可以针对任何标签来定...

javascript给数组加锚点定位
在href属性后面添加一个onclick属性就可以解决问题。href控制页面跳转路径 onclick控制调用js,解决方法不唯一但这种是最简单的。<html> <head> <title>test<\/title> <\/head> <body> <a href="#name" onclick="javascript:alertstr();">click<\/a> <div style="height:5000px;"><\/div> <div...

html中a标签href=""的几种用法介绍
一、Js的几种调用方法(参考总结的) 1、a href="javascript:js_method();" 这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行...

URL地址中的#符号使用说明_javascript技巧
首先,一种常见做法是直接使用#符号作为URL的锚点。这种方式的缺点是点击时会在地址栏后添加#号,同时页面会跳回顶部。虽简单直接,但并不推荐,因为实际应用中,这种操作可能带来不便。另一种改进方式是,将a标签的href属性设置为#,避免页面位置变动。然而,这种方式在IE6浏览器下存在局限,无法执行form...

html点击按钮跳转到另一个html(html点击跳转到指定位置)
html如何实现点击按钮跳转页面1、你给form添加一个action,里面放文件的相对路径。当submit按钮点击的时候自然会跳转到action指定的页面。或者给submit绑定onclick事件,点击通过window.open或者window.location.href跳转。2、在按钮外面扩一个a标签就好了。设置锚点跳转到锚点当然这个是没有动画效果的,需要js...

怎么只把摘要两个字加入目录?
1.使用HTML锚点 在文章中先编写好摘要,然后在目录处添加HTML锚点。具体操作为:第一步:在摘要区域的HTML标签内添加id属性,如下所示:<div id=\\"abstract\\">这里是摘要内容<\/div> 第二步:在目录列表处添加链接并指向摘要区域,如下所示:<a href=\\"#abstract\\">摘要<\/a> 这样,当读者点击...

a href="javascript:void(0)" 是什么意思?
<A href="javascript:void(0)">点击<\/a>点击链接后不会回到网页顶部。<A href="#">点击<\/a> 点击后会回到网面顶部。href="#" 它代表的是当前路径为top锚点,所以这种链接写法,点击之后会跳转到网页最上方去;而 href="javascript:void(0)" 这种写法是为链接应用JS,void(0)是不执行任何...

为什么要使用href=”javascript:void(0);”?
最初,人们尝试通过添加锚点定位,如"#"来避免页面跳转,但由于锚点会导致页面定位改变,且URL中会包含锚点字符,这一方案并不完美。接着,发现了"javascript:func()"的特殊之处,它能完美地避免页面跳转。于是,开发者们开始在href中填充"javascript:;"或"javascript:"这样的形式,利用JavaScript的静默...

在IE浏览器下title标题后面出现锚点值
swf" \/> <param name="loop" value="true" \/> <param name="menu" value="false" \/> <param name="quality" value="best" \/> <param name="wmode" value="transparent" \/> <\/object> 楼主试下,产生#锚点可能是插入flash时embed 标签造成的,去掉embed方法插入也许就没有了 ...

相似回答