JavaScript来实现打开链接页面的简单实例


Posted in Javascript onJune 02, 2016

在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式:

1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等。

<a href=”javascript:window.open(‘https://3water.com','_self') “> open a link 1</a><br/>

2.使用document.URL属性来打来新的页面。不够这种方法似乎在firefox中不起作用。

<a href=”javascript:document.URL = ‘https://3water.com' “> open a link 2</a><br/>

3.使用location的属性href来打开链接。

<a href=”javascript:window.location.href='https://3water.com'”> open a link 3 </a><br/>

4.使用location的方法assign来打开链接,这个效果和前面一种方式一样。

<a href=”javascript:window.location.assign(‘https://3water.com')”> open a link 4</a><br/>

5.使用location的方法replace来打开链接,和前面的assign方式稍有不同,其不同之处在于,使用replace时被替代掉的页面的URL将不会进入history对象中,也就是说无法通过后退的方式来回到被替换的页面。

<a href=”javascript:window.location.replace(‘https://3water.com')”> open a link 5</a><br/>

6.正常的链接,当然这才是对搜索引擎最为友好的方式,也可以做指定链接打开的窗口。只有这样才能使被链接的页面被搜索引擎的蜘蛛所有抓取。

<a href=”https://3water.com”> open a link 5</a><br/>

以上这篇JavaScript来实现打开链接页面的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 一些用法小结
Sep 11 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
JavaScript实现打开链接页面的方式汇总
Jun 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
You might like
当海贼王变成JOJO风
2020/03/02 日漫
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
Python中列表的一些基本操作知识汇总
2015/05/20 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
如何做好总经理助理
2013/11/12 职场文书
历史学专业求职信
2014/06/19 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2015年教师节活动总结
2015/03/20 职场文书
教师节领导致辞
2015/07/29 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
oracle通过存储过程上传list保存功能
2021/05/12 Oracle
Window server中安装Redis的超详细教程
2021/11/17 Redis
Java 关于String字符串原理上的问题
2022/04/07 Java/Android
Windows server 2012 R2 安装IIS服务器
2022/04/29 Servers