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


Posted in Javascript onJune 02, 2016

在页面中的链接除了常规的方式以外,如果使用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 相关文章推荐
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
Jul 09 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
php基于redis处理session的方法
Mar 14 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 #Javascript
jquery.validate使用详解
Jun 02 #Javascript
jQuery ajax应用总结
Jun 02 #Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 #Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 #Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
Jun 02 #Javascript
Javascript小技能总结(推荐)
Jun 02 #Javascript
You might like
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
jQuery Ajax 全解析
2009/02/08 Javascript
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
在python中画正态分布图像的实例
2019/07/08 Python
python实现字符串和数字拼接
2020/03/02 Python
Python内置函数locals和globals对比
2020/04/28 Python
python如何进入交互模式
2020/07/06 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
心理学专业毕业生推荐信范文
2013/11/21 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
养殖行业的创业计划书
2014/01/05 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
领导欢送会主持词
2015/07/06 职场文书
2019公司管理制度
2019/04/19 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
Redis 哨兵集群的实现
2021/06/18 Redis
mysq启动失败问题及场景分析
2021/07/15 MySQL
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js