首页 > 软件开发 > HTML >

a 链接如何判断被点击

来源:互联网 2023-03-16 19:16:05 356

a 链接如何判断被点击,a链接是html里面非常重要的一个标签,用户通过点击可以抵到到某个位置或者某个页面,实际上通过javascript可以监听到用户点击的行为,只需要正确的设置即可。Vx9办公区 - 实用经验教程分享!

a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

工具/原料

  • windows 7
  • chrome浏览器
  • sublime text3

方法/步骤

  • 1

    打开sublime text3编辑器,新建一个HTML文档,并且设立基本架构。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 2

    我们可以创建一条a链接作为示范。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 3

    然后我们需要创建一个JS文件,并且关联上HTML文件。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 4

    let alink = document.getElementsByTagName("a")[0];Vx9办公区 - 实用经验教程分享!

    这个时候我们创建一个变量,这样可以获取a链接。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 5

    alink.addEventListener("click", function(){Vx9办公区 - 实用经验教程分享!

    alert("已点击");Vx9办公区 - 实用经验教程分享!

    })Vx9办公区 - 实用经验教程分享!

    然后我们添加监听事件,这里如果点击了就会有弹窗。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 6

    alink.innerHTML = "嘿嘿";Vx9办公区 - 实用经验教程分享!

    当然我们也可以通过点击来修改内容。这样也是可以判断已经被点击了。Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

    a 链接如何判断被点击Vx9办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 注意事项

    • 我们也可以用jquery来解决

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Vx9办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码