a标签中的this

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>a标签绑定点击事件</title>
  <script>
    function test(i) {
      console.log(i)
    }
  </script>
</head>

<body>
  <a href="javascript:;" onclick="test(this)">输出的this是a元素</a>
  <a href="javascript:test(this)">输出的this是window</a>
</body>

</html>

  由于项目中有位大哥(卓大哥)说拿不到this,气得我差点晕过去,于是专门看了下,原来原来。。。。

  G~G~Study。

时间: 2024-11-05 12:11:46

a标签中的this的相关文章

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案 将img的边框设置为0或none img{border:none;}

select标签中怎样控制option的显示数量

最近做项目,需要动态加载数据显示到下拉列表中. 刚开始用select标签,由于数据较多,一次性全部加载,下拉列表会拖得很长,不忍直视(默认会显示20个). 我想控制select中的option显示的个数,例如:只显示5个,其余的通过滚动条来控制显示. 经过反复折腾,发现直接操作select标签无法达到目的,于是改换策略,用input标签和ul标签来模拟select标签. 效果: Demo下载 select标签中怎样控制option的显示数量,布布扣,bubuko.com

jquery如何设置html众标签中的值

$("img").attr("src",some_url);//jquery设置img标签中的src值 $("#user").val("");//jquery设置text中的src值 $("#select").find('option[value="'+data.category+'"]').attr("selected",true);//设置select的值 $(&

通过js去掉所有的html标签,得到HTML标签中的所有内容

<script> //替换掉所有的 html标签,得到Html标签中的内容 var s="<P><FONT face=宋体 color=#000000>    北京中航宇飞科技有限公司是一家致力于为中国国防工业服务的高新企业.<BR> <BR>    事业一部 主要以连接器.常异型热缩套管和电缆组件的外协加工为主.凭借泰兴这个得天独厚的连接器生产基地的优势,公司生产圆形J599.J598.XC.Y2.Y3.Y4.Y11X.Y17.Y50

a 标签中调用js的几种方法

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"

JSP页面中嵌入java变量,在标签中调用

在顶部定义java变量: <% String url = request.getContextPath()+"/Page"; %> 在body里的标签中调用该变量 <cusTag:CustomTag allCount="135" currentPageIndex="3" id="pageTag" actionPath="<%=url%>" pageNumber="20

浅析网页meta标签中X-UA-Compatible属性的使用

今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点点的偏差.我做的项目中也并不是每个项目中都使用该属性.那么我们首先来看看几个知名站点,他们也使用了这个 上面时淘宝的,下面是百度的. 都可以发现在head中又一个meta,里面有一个X-UA-Compatible的属性,而且确实非常多的网站中在使用.当然也有很多网站是在开发的时候不管三七二十一给加上

script标签中的async和defer

在程序中代码是一行一行执行的,html标签都是由渲染引擎来执行,代码执行时从上往下一行一行执行,当执行到alert(如下图),alert会阻塞后面代码的执行,当点击完确定之后,代码继续往下执行. javascript的内容同样可在外部进行引用,如下图所示,正常情况下执行结果和上面的内容相同,但当我们给html的script标签中加入async或者defer属性时,代码的执行过程也将会随之改变. async 为异步,顾名思义就是多个人同时做多件事,这里区分sync,sync为同步,就是一个人有序的

标签中的rel属性的含义

rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系, rev是reverse link(反向链接)的英文缩写. rel, rev属性通常出现在a,link标签中.1.rel是什么rel属性通常用来描述链接之间的关系,也就是说目的地址(href) 跟源(站点)之间的关系.rel属性通常出

在artTemplate的标签中使用外部函数的方法

第一步,声明函数,并将函数作为data对象的属性.例如: var resArray = new Array(); function beforeRender(data) { //addToArray为想在template的标签中执行的函数 var addToArray = function(id, rec){ resArray[id] = rec; }; data.addToArray = addToArray; } function submit(){ $.ajax({ type : "POS