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 相关文章推荐
JavaScript方法和技巧大全
Dec 27 Javascript
JavaScript使用cookie
Feb 02 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
js时间戳与日期格式之间相互转换
Dec 11 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
浅谈Vue.js路由管理器 Vue Router
Aug 16 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
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
德劲1103的维修打理经验
2021/03/02 无线电
用文本作数据处理
2006/10/09 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
mailto的使用技巧分享
2012/12/21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
python的即时标记项目练习笔记
2014/09/18 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
客服工作职责
2013/12/11 职场文书
改革共识倡议书
2014/08/29 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
Java基础——Map集合
2022/04/01 Java/Android