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 相关文章推荐
ASP.NET中基于JQUERY的高性能的TreeView补充
Feb 23 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
vue项目使用微信公众号支付总结及遇到的坑
Oct 23 Javascript
微信小程序实现发送验证码按钮效果
Dec 20 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 Javascript
如何在JS文件中获取Vue组件
Sep 16 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
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 has encountered an Access Violation
2007/01/15 PHP
PHP开发中常用的字符串操作函数
2011/02/08 PHP
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
2007/01/11 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
vue.js的提示组件
2017/03/02 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
python对json的相关操作实例详解
2017/01/04 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python简单读取json文件功能示例
2017/11/30 Python
django如何自己创建一个中间件
2019/07/24 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
美国最大网上鞋店:Zappos
2016/07/25 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
国税会议欢迎词
2014/01/16 职场文书
作文评语集锦大全
2014/04/23 职场文书
大学生创业计划书
2014/08/14 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
总经理岗位职责范本
2015/04/01 职场文书
起诉书范文
2015/05/20 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript