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身份证验证超强脚本
Oct 26 Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
Mar 06 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
vue实现购物车列表
Jun 30 Javascript
vue+elementUI实现简单日历功能
Sep 24 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 _autoload自动加载类与机制分析
2012/02/10 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
深入理解JS实现快速排序和去重
2016/10/17 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
Node.js中的http请求客户端示例(request client)
2017/05/04 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
2020/11/12 Javascript
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
django站点管理详解
2017/12/12 Python
python issubclass 和 isinstance函数
2019/07/25 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
赞美老师的演讲稿
2014/05/22 职场文书
调研座谈会发言材料
2014/08/23 职场文书
挂职学习心得体会
2014/09/09 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
2019入党申请书格式
2019/06/25 职场文书
Python turtle编写简单的球类小游戏
2022/03/31 Python