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 使用手册(一)
Sep 23 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
原生js开发的日历插件
Feb 04 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
详解React+Koa实现服务端渲染(SSR)
May 23 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
Feb 05 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 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中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
JavaScript函数详解
2014/11/17 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
微信小程序自动客服功能
2017/11/02 Javascript
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
详解vue项目接入微信JSSDK的坑
2018/12/14 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Python中的__init__作用是什么
2020/06/09 Python
python求解汉诺塔游戏
2020/07/09 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
趣味运动会加油词
2015/07/18 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
pytorch查看网络参数显存占用量等操作
2021/05/12 Python
解析目标检测之IoU
2021/06/26 Python
PHP获取学生成绩的方法
2021/11/17 PHP
Python如何让字典保持有序排列
2022/04/29 Python