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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
Json对象替换字符串占位符实现代码
Nov 17 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
详解wow.js中各种特效对应的类名
Sep 13 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
Feb 21 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
JavaScript中Dom操作实例详解
Jul 08 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
Nov 04 Javascript
JS实现图片切换特效
Dec 23 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
如何开发一个虚拟域名系统
2006/10/09 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
常用简易JavaScript函数
2009/04/09 Javascript
Jquery 弹出层插件实现代码
2009/10/24 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[40:01]OG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python操作MySQL数据库的方法分享
2012/05/29 Python
python实现查询IP地址所在地
2015/03/29 Python
django实现用户登陆功能详解
2017/12/11 Python
详解flask入门模板引擎
2018/07/18 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
python pygame实现球球大作战
2019/11/25 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
浅谈python出错时traceback的解读
2020/07/15 Python
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
董事长秘书职责
2014/01/31 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
四年级学生期末评语
2014/12/26 职场文书
华清池导游词
2015/02/02 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js