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 相关文章推荐
var与Javascript变量隐式声明
Sep 17 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
javascript this详细介绍
Sep 19 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
Vue.js轮播图走马灯代码实例(全)
May 08 Javascript
javscript 数组扁平化的实现
Feb 03 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代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
javascript replace方法与正则表达式
2008/02/19 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
2014/03/16 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
axios简单实现小程序延时loading指示
2018/07/30 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
vue组件开发props验证的实现
2019/02/12 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
Python版的文曲星猜数字游戏代码
2013/09/02 Python
python类继承与子类实例初始化用法分析
2015/04/17 Python
Python的Django框架中的Context使用
2015/07/15 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
详解Python实现进度条的4种方式
2020/01/15 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
python实现人工蜂群算法
2020/09/18 Python
Python之多进程与多线程的使用
2021/02/23 Python
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2014年安全员工作总结
2014/11/13 职场文书
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
Pandas数据类型之category的用法
2021/06/28 Python
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL