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 相关文章推荐
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
兼容IE和FF的图片上传前预览js代码
May 28 Javascript
Jquery解析json数据详解
Dec 26 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
Aug 01 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 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循环跳出的问题
2013/07/01 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
在视频前插入广告
2006/11/20 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
详解angular2封装material2对话框组件
2017/03/03 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
Python中用于返回绝对值的abs()方法
2015/05/14 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
园林资料员岗位职责
2013/12/30 职场文书
集团公司人力资源部岗位职责
2014/01/03 职场文书
大专会计自我鉴定
2014/02/06 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
医院志愿者活动总结
2015/05/06 职场文书
学校百日安全活动总结
2015/05/07 职场文书
工作收入证明范本
2015/06/12 职场文书
农村老人去世追悼词
2015/06/23 职场文书
2016年元旦主持词
2015/07/06 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android