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与vbscript数据共享
Jan 09 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
Dec 08 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
详解vue 中使用 AJAX获取数据的方法
Jan 18 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
Feb 22 Javascript
详解JS中的attribute属性
Apr 25 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
JavaScript命名空间模式实例详解
Jun 20 Javascript
vue登录注册实例详解
Sep 14 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 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检测useragent版本示例
2014/03/24 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
php 截取GBK文档某个位置开始的n个字符方法
2017/03/08 PHP
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
jquery ajax abort()的使用方法
2010/10/28 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
python和pyqt实现360的CLable控件
2014/02/21 Python
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
基于python 字符编码的理解
2017/09/02 Python
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
在python中bool函数的取值方法
2018/11/01 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
Python with语句和过程抽取思想
2019/12/23 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
医药专业推荐信
2013/11/15 职场文书
给老师的一封建议书
2014/03/13 职场文书
小学课外阅读总结
2014/07/09 职场文书
忠诚教育心得体会
2014/09/03 职场文书
学籍证明模板
2014/11/21 职场文书
优秀团员自我评价
2015/03/10 职场文书
2015最新民情日记范文
2015/06/26 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL