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 全角转半角部分
Oct 28 Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
jQuery.extend 函数详解
Feb 03 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
Vue组件之Tooltip的示例代码
Oct 18 Javascript
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 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写的一个冒泡排序法的函数简单实例
2016/05/26 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
PDO::exec讲解
2019/01/28 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
JavaScript Chart 插件整理
2010/06/18 Javascript
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
JS二分查找算法详解
2017/11/01 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
python自动发送测试报告邮件功能的实现
2019/01/22 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Python如何安装第三方模块
2020/05/28 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
python温度转换华氏温度实现代码
2020/12/06 Python
旅游管理毕业生自荐信范文
2014/03/19 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
话题作文之成长
2019/12/09 职场文书
Python中的 Set 与 dict
2022/03/13 Python
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS