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 相关文章推荐
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
jquery获取radio值实例
Oct 16 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
Apr 14 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
js实现页面图片消除效果
Mar 24 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 中include()与require()的对比
2006/10/09 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
DOMAssitant最新版 DOMAssistant 2.5发布
2007/12/25 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
JSONP跨域请求
2017/03/02 Javascript
Vue.js实现移动端短信验证码功能
2017/03/29 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
2018/06/05 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
利用python获得时间的实例说明
2013/03/25 Python
python生成IP段的方法
2015/07/07 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
python实现Virginia无密钥解密
2019/03/20 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
LN-CC中国:高端男装和女装的奢侈时尚目的地
2019/09/14 全球购物
美国购买舞会礼服网站:Couture Candy
2019/12/29 全球购物
软件测试常见笔试题
2012/02/04 面试题
本科生学习总结的自我评价
2013/10/02 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
红领巾广播站广播稿
2014/10/19 职场文书
R9700摩机记
2022/04/05 无线电