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 相关文章推荐
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
canvas实现粒子时钟效果
Feb 06 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
js 概率计算(简单版)
Sep 12 Javascript
vue+php实现的微博留言功能示例
Mar 16 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 Javascript
微信小程序之左右布局的实现代码
Dec 13 Javascript
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
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
YII框架常用技巧总结
2019/04/27 PHP
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
浅析Prototype的模板类 Template
2011/12/07 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
javascript闭包的理解
2015/04/01 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
idea2020手动安装python插件的实现方法
2020/07/17 Python
美国智能家居专家:tink
2019/06/04 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
水产养殖学应届生求职信
2013/09/29 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
陈欧的广告词
2014/03/18 职场文书
个人校本研修方案
2014/05/26 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
音乐教育专业自荐信
2014/09/18 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
学校运动会感想
2015/08/10 职场文书
认识实习感想
2015/08/10 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
OpenCV实现反阈值二值化
2021/11/17 Java/Android