a标签调用js跳转链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签调用js跳转链接相关的知识,希望对你有一定的参考价值。

<a href="xxxxxx">新地址</a> 实现点击新地址通过JS跳转到一个新页面应该怎么写啊? 如果直接写链接地址的话对百度搜索引擎不友好

<a href="javascript:void(0);" onclick="window.location.href='xxx'">
xxx就是你要跳转的链接地址

参考技术A $(function()
    $("a").click(function()
        location.href=url;
    )
)

追问

这个是写的JS? 那在html中应该怎么写啊? 谢谢了!

追答

点击跳转

本回答被提问者和网友采纳

A标签执行js 代码和跳转

5、执行JS代码:

    <a href="javascript:js代码">内容</a>

⑥、使用js来实现空链接

写法:<a href="javascript:void(0)"></a>

⑦、锚点

    需要两个a链接搭配使用,第一个a链接设置锚点名,第二个a链接实现跳转功能。

<a name="设置锚点的名称"></a>

用法1:同一页内实现跳转

示例:

设置锚点名

<a name="锚点名">内容可有可无</a>

设置跳转

<a href="#锚点名">内容</a>

说明:#用于标识此处是锚点名而非文件外

代码示例:

 

用法2:不同页面内实现跳转:

一个a链接用于设置锚点名

    如:<a name="end">页尾</a>

另一个a链接用于跳转

    <a href="03a锚点页面.html#end">跳转end链式点</a>

说明:

    用于跳转的a链接的herf属性要先跳转到目标页面,再跳转到锚点处

以上是关于a标签调用js跳转链接的主要内容,如果未能解决你的问题,请参考以下文章

js判断手机还是电脑,然后实现a标签的链接跳转

解决工作问题js 拦截 a 标签跳转

解决工作问题js 拦截 a 标签跳转

解决工作问题js 拦截 a 标签跳转

手机移动端web开发的时候为啥要用js跳转链接来代替a标签的跳转?

JS中点击a标签不跳转