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 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
学习ExtJS 访问容器对象
Oct 07 Javascript
jquery multiSelect 多选下拉框
Jul 09 Javascript
JavaScript 事件系统
Jul 22 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
代码整洁之道(重构)
Oct 25 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
JS指定音频audio在某个时间点进行播放
Nov 28 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
PHP.MVC的模板标签系统(四)
2006/09/05 PHP
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
重新封装zend_soap实现http连接安全认证的php代码
2011/01/12 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
13个PHP函数超实用
2015/10/21 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
利用python批量爬取百度任意类别的图片的实现方法
2020/10/07 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
修理厂厂长岗位职责
2014/01/30 职场文书
《燕子》教学反思
2014/02/18 职场文书
高二学生评语大全
2014/04/25 职场文书
詹天佑教学反思
2014/04/30 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
购房协议书范本(无房产证)
2014/10/07 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书