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 相关文章推荐
jQuery提交多个表单的小例子
Jun 30 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
JavaScript基础语法之js表达式
Jun 07 Javascript
解析ajaxFileUpload 异步上传文件简单使用
Dec 30 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
Jul 10 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 Javascript
详解如何使用nvm管理Node.js多版本
May 06 Javascript
vue+django实现一对一聊天功能的实例代码
Jul 17 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 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
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
vue系列之动态路由详解【原创】
2017/09/10 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
[01:00:14]DOTA2官方TI8总决赛纪录片 真视界True Sight
2019/01/16 DOTA
Python Tkinter基础控件用法
2014/09/03 Python
python黑魔法之参数传递
2016/02/12 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
matlab中实现矩阵删除一行或一列的方法
2018/04/04 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
Python操作Excel的学习笔记
2021/02/18 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
JNI的定义
2012/11/25 面试题
学生会离职感言
2014/02/11 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
党员政治学习材料
2014/05/14 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
spring boot中nativeQuery的用法
2021/07/26 Java/Android
mysql函数全面总结
2021/11/11 MySQL