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 相关文章推荐
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
JavaScript中数组去除重复的三种方法
Apr 22 Javascript
JS原型链怎么理解
Jun 27 Javascript
Three.js学习之网格
Aug 10 Javascript
wap手机端解决返回上一页的js实例
Dec 08 Javascript
JS实现搜索关键词的智能提示功能
Jul 07 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 Javascript
javascript实现简单页面倒计时
Mar 02 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图片验证码代码
2008/03/27 PHP
深入php var_dump()函数的详解
2013/06/05 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP自带ZIP压缩、解压缩类ZipArchiv使用指南
2015/03/03 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
JavaScript中Math对象使用说明
2008/01/16 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
javascript关于继承解析
2016/05/10 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
jQuery+ajax实现文件上传功能
2020/12/22 jQuery
python安装教程 Pycharm安装详细教程
2017/05/02 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
Django celery异步任务实现代码示例
2020/11/26 Python
幼教毕业生自我鉴定
2014/01/12 职场文书
竞聘自述材料
2014/08/25 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
奖学金感谢信
2015/01/21 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js