JavaScript实现打开链接页面的方式汇总


Posted in Javascript onJune 02, 2016

在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式:

1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等。

<a href=”javascript:window.open(‘http://www.google.com','_self') “> open a link 1</a><br/>

2.使用document.URL属性来打来新的页面。不够这种方法似乎在firefox中不起作用。

<a href=”javascript:document.URL = ‘http://www.google.com' “> open a link 2</a><br/>

3.使用location的属性href来打开链接。

<a href=”javascript:window.location.href='http://www.google.com'”> open a link 3 </a><br/>

4.使用location的方法assign来打开链接,这个效果和前面一种方式一样。

<a href=”javascript:window.location.assign(‘http://www.google.com')”> open a link 4</a><br/>

5.使用location的方法replace来打开链接,和前面的assign方式稍有不同,其不同之处在于,使用replace时被替代掉的页面的URL将不会进入history对象中,也就是说无法通过后退的方式来回到被替换的页面。

<a href=”javascript:window.location.replace(‘http://www.google.com')”> open a link 5</a><br/>

6.正常的链接,当然这才是对搜索引擎最为友好的方式,也可以做指定链接打开的窗口。只有这样才能使被链接的页面被搜索引擎的蜘蛛所有抓取。

<a href=”http://www.google.com”> open a link 5</a><br/>

以上所述是小编给大家介绍的JavaScript实现打开链接页面的方式汇总,希望对大家有所帮助!

Javascript 相关文章推荐
3款实用的在线JS代码工具(国外)
Mar 15 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
js网页右下角提示框实例
Oct 14 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
js+html制作简单验证码
Feb 16 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
Vue搭建后台系统需要注意的问题
Nov 08 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 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
Javascript小技能总结(推荐)
Jun 02 #Javascript
You might like
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
2014/06/10 Javascript
jqTransform美化表单
2015/10/10 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
Javascript之String对象详解
2016/06/08 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
python开发之thread线程基础实例入门
2015/11/11 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
python语言是免费还是收费的?
2020/06/15 Python
python 实现学生信息管理系统的示例
2020/11/28 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
后勤工作职责
2013/12/22 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
中班中秋节活动反思
2014/02/18 职场文书
文化宣传方案
2014/03/13 职场文书
科技活动总结范文
2015/05/11 职场文书
读书笔记格式
2015/07/02 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技