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 相关文章推荐
window.onresize 多次触发的解决方法
Nov 08 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
Apr 07 Javascript
JQuery validate插件Remote用法大全
May 15 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
vue+axios+promise实际开发用法详解
Oct 15 Javascript
JavaScript控制台的更多功能
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
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
令PHP初学者头疼十四条问题大总结
2008/11/12 PHP
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
jquery精度计算代码 jquery指定精确小数位
2017/02/06 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
详解Python编程中包的概念与管理
2015/10/16 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
美术师范毕业生自荐信
2013/11/16 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
2014年医院科室工作总结
2014/12/20 职场文书
文明倡议书
2015/01/19 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
python实现简单的名片管理系统
2021/04/26 Python
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python