首页 > 其他分享 >JS 打开一个链接

JS 打开一个链接

时间:2022-09-24 01:55:05浏览次数:78  
标签:函数 self JS 打开 方法 链接

我们知道在 HTML 打开链接的方法就是定义 href

如下面的代码:

<div>
   <a href="javascript: void(0);" @click="openBlogDetail(item.id)" class="text-primary">Read
   more <i class="mdi mdi-arrow-right"></i></a>
</div>

但是,有时候我们是希望通过单击链接的方法调用一个 JS 函数。

上面就是定义了一个调用函数,并且传递 ID 到函数中。

在函数中打开链接

在函数中打开链接的方法是:

window.open("/blog/detail/" + id, "_self")

需要注意的是,上面的打开方法我们添加了一个参数 _self。

这个参数的意思是在当前的标签页中打开。

按照现代浏览器的配置,如果不添加这个参数,将会把需要打开的链接在一个新的标签页中打开。

 

2022-09-23_13-39-56

 

使用上面的方法,直接调用就可以了。

 

https://www.ossez.com/t/js/14112

标签:函数,self,JS,打开,方法,链接
From: https://www.cnblogs.com/huyuchengus/p/16724824.html

相关文章

  • JS入门
    JavaScript一.Js概述js是一种可以运行在浏览器,也可以运行在服务端的的语言;浏览器可以实现用户的交互效果,可以进行后端开发。例如:操作数据库,调用其他服务器​特点:无......
  • Vue2项目解决-js/css文件无法引用问题
    打包:    在vue.config.js文件中  const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({  transpileDependencies:t......
  • JSX反应语法-转载
    JSX语法详解在之前的react基础文章中,创建元素使用的是React.createElement()方法,利用方法创建单层元素还算可以,可是如果出现嵌套结构,使用这种方法就会比较繁琐而且......
  • 【代码片段】Qt6.2.4 QProcess使用(打开外部程序,运行命令,同步、阻塞方式)
    参考https://blog.csdn.net/qq_38232598/article/details/100745552https://www.cnblogs.com/lsgxeva/p/12641707.htmlQProcess类QProcess类是Qt中专门用于启动一个......
  • 解决golang json: unsupported value: NaN
    遇到这种json:unsupportedvalue:NaN大部分是因为我们处理数值型的数据时,出错,导致变成了NaNnoanumber然后序列化json的时候,如果值是NaN,就会出现这个错误 仔细......
  • js与jquery实例-拖动改变列宽和行高
     js与jquery实例-拖动改变列宽和行高如何通过javascript或者jquery实现改变表格宽度或者行高的功能?今天就把这个功能代码分享给大家,绝对原创哦,代码少而且易懂。先看效果......
  • windows 软链接的建立及删除
    1.mklink用法  2.创建软链接##建立d:develop链接目录,指向远程的目标服务器上的e盘的对应目录。mklink/Dd:\develop\\138.20.1.141\e$\develop##建立d:devel......
  • WKWebView 注入JS代码
    初始化时进行注入WKWebViewConfiguration*config=[[WKWebViewConfigurationalloc]init]; //实际上注入js文件和注入js代码字符串没有区别,因为也要把JS文件......
  • 响应式布局— rem介绍、媒体查询介绍、rem和媒体查询结合的布局、flexible.js 的使用
    媒体查询媒体查询MediaQueries,是一种可以根据不同的设备为其实现不同的样式的技术。在CSS3引入了媒体查询,使用媒体查询,你可以针对不同的媒体类型定义不同的样式,还可以......
  • 网上下载电子课本、教案等方法和链接
    网上下载电子课本、教案等方法和链接电子教案下载:https://mp.weixin.qq.com/s/j9NbiBfZTkssc-BxevqTsA公众号:全科宝藏电子课本下载:https://mp.weixin.qq.com/s/KujQOKec......