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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
jQuery 数据缓存data(name, value)详解及实现
Jan 04 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
查看源码的工具 学习jQuery源码不错的工具
Dec 26 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 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安装攻略:常见问题解答(三)
2006/10/09 PHP
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
javascript 写类方式之九
2009/07/05 Javascript
google地图的路线实现代码
2009/08/20 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python 处理dataframe中的时间字段方法
2018/04/10 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
Python识别验证码的实现示例
2020/09/30 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
医院总经理职责
2013/12/26 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
市场营销专业求职信
2014/06/17 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
活动总结格式
2014/08/30 职场文书
结婚通知短信大全
2015/04/17 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
2015年社区反邪教工作总结
2015/10/14 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书
导游词之唐山景点
2019/12/18 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
Vue router配置与使用分析讲解
2022/12/24 Vue.js