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 TextBox自动完成条
Jul 22 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
JS中如何优雅的使用async await详解
Oct 05 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 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
百度实时推送api接口应用示例
2014/10/21 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
微信小程序wx.request实现后台数据交互功能分析
2017/11/25 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
使用celery执行Django串行异步任务的方法步骤
2019/06/06 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
详解Django配置JWT认证方式
2020/05/09 Python
什么是python的必选参数
2020/06/21 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
百度软件工程师职位
2013/02/14 面试题
英语专业应届生求职信范文
2013/11/15 职场文书
美发店5.1活动方案
2014/01/24 职场文书
面试后感谢信怎么写
2014/02/01 职场文书
护理专业自荐书
2014/06/04 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
2015年教师工作总结范文
2015/03/31 职场文书
同乡会致辞
2015/07/30 职场文书
给校长的建议书作文300字
2015/09/14 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
python在package下继续嵌套一个package
2022/04/14 Python