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代码
Mar 25 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
JS定义类的六种方式详解
May 12 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
微信小程序异步处理详解
Nov 10 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
详解JavaScript 事件流
Sep 02 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/01/18 PHP
php中取得文件的后缀名?
2012/02/20 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
Symfony生成二维码的方法
2016/02/04 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
键盘KeyCode值列表汇总
2013/11/26 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
require.js的用法详解
2015/10/20 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
pm2启动ssr失败的解决方法
2019/06/29 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python cookbook(数据结构与算法)将序列分解为单独变量的方法
2018/02/13 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
幼儿园元旦亲子活动方案
2014/02/17 职场文书
机电系毕业生求职信
2014/07/11 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
《植树问题》教学反思
2016/03/03 职场文书
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python