如何实现Js跳转外链?
Js跳转外链对网页制作和推广来说十分有用,下面将从三个方向介绍如何实现Js跳转外链。
一、通过window.open()跳转
Window.open()是JS中自带的一个方法,可以用于打开一个新的浏览器窗口以显示一个新的HTML文档。我们可以通过window.open()这个方法实现Js跳转外链。
例如:
<input type=\"button\" value=\"跳转到某个网址\" onclick=\"window.open('http://www.example.com')\"/>
以上代码实现了给一个按钮加上单击后跳转到某个网址的效果。
二、通过location.href跳转
location.href是JS里另一个通常使用的方法,它直接设置网页当前所在的地址。可以使用location.href来实现跳转到外部链接。
例如:
location.href=\"http://www.example.com\"
以上代码实现了直接跳转到某个网址。同样,需要注意漏掉http://或和https://等前缀。
三、通过标签
HTML锚点是HTML中千篇一律的简化方式。可以在HTML里用标签来添加一个超链接到一个目标地址、如一个链接到邮件或网页或文件:
<a href=\"http://www.example.com\" target=\"_blank\">跳转到某个网址</a>
目标地址和打开的方式是通过属性进行指定的。比如_blank 表示当前链接在新的标签页中打开。
需要注意的点
虽然实现Js跳转外链很简单,但也有些需要注意的点,以防出现异常。
1.必须要在公网IP HTTP:// 形式下才会准确跳转到目标地址
2.针对新闻门户媒体网页推广的需求,注意由于Chrome浏览器中强制禁止自动跳转而失去JS跳转效果。
3.请不要滥用弹窗或强制跳转功能,这不但会直接导致访客用户体验降低,同时也会呈现软和恶意广告的不良弹窗广告带来的暴利。
总结
以上三种方法都可以实现Js跳转到外链,具体实现根据需求选择相应方法。
Js跳转外链对于WEB开发有非常好的辅助作用,但要确保跳转不会影响用户体验,也不要给用户带来负面的广告、网络强制跳转等行为。