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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
jQuery 技巧小结
Apr 02 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
JavaScript 创建运动框架的实现代码
May 08 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
js实现网页抽奖实例
Aug 05 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
详解React中setState回调函数
Jun 14 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
react PropTypes校验传递的值操作示例
Apr 28 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
一些php技巧与注意事项分析
2011/02/03 PHP
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
Python求导数的方法
2015/05/09 Python
浅析Python中的for 循环
2016/06/09 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
django解决跨域请求的问题详解
2019/01/20 Python
python增加图像对比度的方法
2019/07/12 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
Python request中文乱码问题解决方案
2020/09/17 Python
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
某个公司的Java笔面试题
2016/03/11 面试题
如何写好优秀的创业计划书
2014/01/30 职场文书
文明生主要事迹
2014/05/25 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
关于迟到的检讨书
2015/05/06 职场文书
中国合伙人观后感
2015/06/02 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
Windows server 2012搭建FTP服务器
2022/04/29 Servers