a标签超链接绑定点击事件发送请求

最新推荐文章于 2023-03-24 22:03:17 发布
最新推荐文章于 2023-03-24 22:03:17 发布
阅读量5.4k 收藏
点赞数 1
分类专栏： 前端问题

第一种

  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>testLoad</title>  
  6.     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>  
  7.     <script type="text/javascript">  
  8.     $(function(){  
  9.         $("#user").click(url(){  
  10.                window.location.href = "http://www.baidu.com";  
  11.         });  
  12.     })    
  13.     </script>  
  14. </head>  
  15. <body>  
  16.     <a href="#" id="user" onclick="url()">百度</a>  
  17. </body>  
  18. </html>  

第二种

  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>testLoad</title>  
  6.     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>  
  7.     <script type="text/javascript">  
  8.     $(function(){  
  9.         $("#sub").click(function(){  
  10.             $("p").load("test.txt",aClick());  
  11.         });  
  12.     })  
  13.     function aClick () {  
  14.          window.location = "http://www.baidu.com";  
  15.     }  
  16.     </script>  
  17. </head>  
  18. <body>  
  19.     <h2>点击按钮load</h2>  
  20.     <p>this is paragraph to load</p>  
  21.     <input type="button" name="sub" value="load" id="sub"></input><br>  
  22.     <a href="javascript:void(0)" onclick="aClick()">百度</a>  
  23. </body>  
  24. </html>  


强哥12
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue a标签点击实现赋值方式
12-28
如下所示： v-for=“kf in kefu” function copy_fun(copy){ //参数copy是要复制的文本内容 上面的方法就可用了，亲测可用！ 补充知识：VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用： .prevent 阻止默认行为 <a>点击</a> .stop 阻止冒泡，只执行 start 不执行 end <div id=app click=end> <input type=button
html链接转换成post链接,如何让url超链接a标签发送post请求
weixin_26711801的博客
06-02 748
如何让url 标签发送post请求 ?点击链接后改变请求的方式的实现实例代码。function post(url, params) {var temp = document.createElement(“form”);temp.action = url;temp.method = “post”;temp.style.display = “none”;for (var x in params) {v...
<a>标签深入讲解
WeiWeiWqq的博客
12-02 1421
标签中 href 和 onclick 的区别，以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 2017年08月18日 00:06:24chunlynn阅读数：12009 所属专栏：深入浅出JavaScript 版权声明：本文为博主(chunlynn)原创文章，转载请注明出处 https://...
给超链接加onclick事件
qq_43369776的博客
11-16 2491
给超链接加onclick事件 <a href="https://www.baidu.com" target="_blank" id="change">click</a> <a href="javascript:void(0)" id="change">click</a> <a href="#" id="change">click&lt...
点击a标签调用接口_接口测试平台代码实现58首页重构6
weixin_31774171的博客
01-20 1092
在本节开始之前，让我们来处理上节课小伙伴反馈的一个现象级问题：就是进入首页后，这个接口测试平台的欢迎语能不能别删，不然都不知道这是干啥的平台，这里却是我之前疏忽了，所以本节我们先加上。打开home.html：在body内的最顶部 写个h2标题即可，大家可以自己多设计设计，美观美观好，我们开始今天主要内容 ...
最新Python3.5零基础+高级+完整项目（28周全）培训视频学习资料
06-13
JQuery 事件绑定的方式 JQuery事件之组织事件的发生 示例：表单验证 JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS...
超实用的jQuery代码段
03-04
3.14 如何为动态添加的元素绑定事件处理函数 3.15 为表格行增加单击事件 3.16 用回车键模拟Tab键 第4章 jQuery操作CSS样式 4.1 使用addClass（）函数动态添加样式类 4.2 使用removeClass（）函数动态移除样式类 4.3...
ASP.NET3.5从入门到精通
03-13
5.2.2 超链接控件（HyperLink） 5.2.3 图像控件（Image） 5.3 文本框控件（TextBox） 5.3.1 文本框控件的属性 5.3.2 文本框控件的使用 5.4 按钮控件（Button，LinkButton，ImageButton） 5.4.1 按钮控件的通用属性 ...
ASP.NET 3.5 开发大全11-15
02-12
5.2.2 超链接控件（HyperLink） 5.2.3 图像控件（Image） 5.3 文本框控件（TextBox） 5.3.1 文本框控件的属性 5.3.2 文本框控件的使用 5.4 按钮控件（Button，LinkButton，ImageButton） 5.4.1 按钮控件的通用属性 ...
ASP.NET 3.5 开发大全
02-12
5.2.2 超链接控件（HyperLink） 5.2.3 图像控件（Image） 5.3 文本框控件（TextBox） 5.3.1 文本框控件的属性 5.3.2 文本框控件的使用 5.4 按钮控件（Button，LinkButton，ImageButton） 5.4.1 按钮控件的通用属性 ...
Vue中事件绑定
liu0218的博客
06-08 4121
vue事件绑定
Vue事件绑定
过客如期的博客
05-26 7277
一，原生事件绑定 1.在原生js中，我们有三种方式为一个属性绑定事件，分别为： 在HTML标签上添加事件属性 在js中使用html节点的事件属性绑定事件处理程序，例如node.onclick=function(){} 在js中使用addEventListener("click",function(){},false) 想了解更多，可参考js原生事件绑定 二，Vue事件绑定 v-on: 1.在vue.........
vue——事件绑定
热门推荐
weixin_54362381的博客
08-22 1万+
Vue中的事件处理方法： 一、事件绑定基础语法有两种写法： 1、直接写函数名,@click="handleClick"; 2、加$event,@click="handleClicks($event,参数)"参数可选, $event是内置事件对象 ; 好处:不但可以传事件对象,还可以传其他的参数 <div id="app"> <!-- 第一种写法 --> <button @click="handleClick">Button</button> &lt
【bug日记】关于vue绑定事件无效
qq_32792547的博客
03-24 251
在页面跳转的过程中发现了原页面的红色错误信息一闪而过，就跳到了另一个405页面，今天在学习restful案例，实现用户数据的删除的过程中，出现405错误。最坑的一点是，点击delete这个a标签游览器发起请求后，idea控制台也没有相关错误信息，需要在游览器中查看。导致原页面的关于vue的错误信息无法被看到，发现使用vue对a标签绑定的单击事件无效。通过使用截屏才停留在原页面。最后发现是单词拼写错误。
vue--事件--事件绑定,事件修饰符,
cmy741741的博客
11-18 518
事件绑定 可以用 v-on 指令监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。 <button v-on:click="greet">Greet</button> methods: { greet: function (event) { if (event) { alert(event.target.tagName) } // `event` 是原生 DOM 事件 ...
Vue中的方法和事件绑定
m0_59345890的博客
08-30 1145
self 其他元素的事件触发时 事件链经过它,无论是捕获还是冒泡阶段都不会触发它的事件,只有它自己是精准对象才会触发事件, 虽然它自己不会被别人影响,但是它自己的事件触发的时候还是会生成事件链经过其他元素,并不阻止继续冒泡到其他元素。3、ES6的箭头函数中的this就不是vm，因为箭头函数中的this跟谁调用无关，指向上一个不是箭头函数的函数的this==>因此推荐事件的函数采用ES6的对象的方法写方法 这种写法不推荐。我们也可以打印一下事件对象，看一下它的事件链，在绑定事件的方法传入$event,...
<a>标签超链接绑定点击事件发送请求
Napster的专栏
05-25 3282
<a>标签绑定点击事件发送请求 即 标签超链接绑定点击事件发送请求 第一种 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>testLoad</title&gt...
去除a标签超链接
最新发布
05-27
可以使用CSS来去除a标签的超链接效果，具体的方法是给a标签添加一个样式属性text-decoration:none，如下所示： ``` a { text-decoration: none; } ``` 这样就可以去除a标签的超链接效果了。如果你想在某个特定的a标签中去除超链接效果，可以给该a标签添加一个类名或者id，然后在CSS中使用该类名或者id来设置样式，如下所示： HTML代码： ``` <a href="#" class="no-link">这是一个链接</a> ``` CSS代码： ``` .no-link { text-decoration: none; } ``` 这样就可以去除该a标签的超链接效果了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值