JavaScript实现打开链接页面的方式汇总

更新时间：2016年06月02日 12:01:50 作者：天尽头的那片海

这篇文章主要介绍了JavaScript实现打开链接页面的方式，非常不错具有参考借鉴价值，需要的朋友可以参考下

在页面中的链接除了常规的方式以外，如果使用javascript，还有很多种方式，下面是一些使用javascript，打开链接的几种方式：

1.使用window的open方法打开链接，这里可是在制定页面中打开链接，也可以定制打开页面的尺寸等等。

<a href=”javascript:window.open(‘http://www.google.com','_self') “> open a link 1</a><br/>

2.使用document.URL属性来打来新的页面。不够这种方法似乎在firefox中不起作用。

<a href=”javascript:document.URL = ‘http://www.google.com' “> open a link 2</a><br/>

3.使用location的属性href来打开链接。

<a href=”javascript:window.location.href='http://www.google.com'”> open a link 3 </a><br/>

4.使用location的方法assign来打开链接，这个效果和前面一种方式一样。

<a href=”javascript:window.location.assign(‘http://www.google.com')”> open a link 4</a><br/>

5.使用location的方法replace来打开链接，和前面的assign方式稍有不同，其不同之处在于，使用replace时被替代掉的页面的URL将不会进入history对象中，也就是说无法通过后退的方式来回到被替换的页面。

<a href=”javascript:window.location.replace(‘http://www.google.com')”> open a link 5</a><br/>

6.正常的链接,当然这才是对搜索引擎最为友好的方式，也可以做指定链接打开的窗口。只有这样才能使被链接的页面被搜索引擎的蜘蛛所有抓取。

<a href=”http://www.google.com”> open a link 5</a><br/>

以上所述是小编给大家介绍的JavaScript实现打开链接页面的方式汇总，希望对大家有所帮助！

您可能感兴趣的文章:

JavaScript 正则表达式中global模式的特性
这篇文章主要介绍了JavaScript 正则表达式中global模式的特性的相关资料,需要的朋友可以参考下
2016-02-02
一文让你快速了解JavaScript栈
这篇文章主要介绍了一文让你快速了解JavaScript栈，栈全称为堆栈，是一种先进后出的的数据结构，栈中只有两种基本操作，也就是插入和删除，也就是入栈和出栈操作，栈只有一端可以进行入栈和出栈操作，我们将其称为栈顶，另一端称其为栈底
2022-07-07
js通过classname来获取元素的方法
下面小编就为大家带来一篇js通过classname来获取元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起小编过来看看吧
2016-11-11
JS文本获得焦点清除文本文字的示例代码
本篇文章主要是对JS文本获得焦点清除文本文字的示例代码进行介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
js Array对象的扩展函数代码
有时候我们需要对js的array对象扩展一些功能，这里简单介绍下，方便需要的朋友
2013-04-04
在Node.js中使用Javascript Generators详解
下面小编就为大家带来一篇在Node.js中使用Javascript Generators详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考
2016-05-05
javascript实现贪吃蛇小游戏思路
这篇文章主要为大家详细介绍了javascript实现贪吃蛇思路小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
js百度地图鼠标滚轮缩放导致地图中心点偏移问题
本文主要介绍了js百度地图鼠标滚轮缩放导致地图中心点偏移问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-02-02
解决canvas画布使用fillRect()时高度出现双倍效果的问题
下面小编就为大家带来一篇解决canvas画布使用fillRect()时高度出现双倍效果的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
js获取TreeView控件选中节点的Text和Value值的方法
在实际项目中，遇到一个问题，首先弹出一个新窗口，新窗口中放了一个TreeView控件，现在要解决的是，如何单击TreeView中一个节点，返回Text和Value到父页面并关闭该新窗口,本文将详细介绍此方法的实现
2012-11-11