I'm very new to using html and javascript. I want to add the ability to have the option to click on certain text and have the correct javascript execute. Are there any reference code I can look at, or a tutorial that can help me?

解决方案

for semantics I'd use a tag like this:

Clicky

to make the button look like normal text you can use css:

button.link { background:none;border:none; }

and for easiness of handing click I'd use jquery like so:

$(".link").click(function(){

//your JS here

});

but if you have an ID on the button you can use plain JS like this:

var button = document.getElementById("your-button-id");

button.onclick = function(){

//do stuff

}

html超链接点不了_Html使文本可点击而不会超链接相关推荐

  1. html如何使文本变为粗体_什么是Markdown,如何使用它?

    Markdown是一种简单的语法,它以标题.列表.粗体等形式格式化文本,这种标记语言很流行,你肯定有一些应用程序支持它.下面是一个Markdown的简单示例,介绍了什么是Markdown,如何和在哪里 ...

  2. html如何使文本变为粗体_javascript – 如何使用节点和.createElement(“b”)使文本变为粗体?...

    如果我点击使用节点和createElement的按钮,我必须使文本变粗,但我真的不知道如何- html(这是我想要加粗的文字): Dies ist ein Text in einem P-Tag Ja ...

  3. html如何设置文本斜体,CSS/HTML:使文本斜体的正确方法是什么?

    Rupert Madden-Abbott 194 html css semantic-markup 使文本斜体的正确方法是什么?我见过以下四种方法: Italic Text Italic Text I ...

  4. txt文本变为粗体_如何在PHP中使文本变为粗体?

    txt文本变为粗体 Sometimes we might want to display text with style. That it's font, color, make it bold, i ...

  5. php 字体如何加粗和调大小,如何在PHP中使文本变为粗体?

    有时我们可能想要显示带有样式的文本.它是字体,颜色,使其变为粗体,斜体,下划线等.添加任何样式都是基于我们想要传达的信息或引起某人关注的信息. 在本文中,我们将学习如何在PHP中加粗文本?当我们加粗文 ...

  6. 在HTML中把文本变成斜体的是,CSS/HTML:什么是使文本斜体的正确方法?

    什么是使文本斜体的正确方法?我看到以下四种方法: Italic Text Italic Text Italic Text Italic Text < i> 这是"老方式" ...

  7. html超链接点不了_HTML制作超级链接点下去没反应

    为什么html超链接点击没用啊? 为什么小编修改HTML网页后无法使用其中的超链接小编用的是手机的WPSC得到手机网页的HTML代码(得到的是txt格式),小编用ES...中途肯定有那里改错了,你把那 ...

  8. 易语言读文本内容_易读性如何使文本易于阅读

    易语言读文本内容 Your first step in making your texts legible is to understand what legibility means. It is ...

  9. html让一个文案自动换行,word-wrap break-word使文本自动换行

    在内容属性那里加上word-wrap: break-word; 如果右边留白太多的话,可以用word-break : break-all; <使用word-wrap:break-word使文本自 ...

  10. 富文本带点击事件的解决方案

    富文本带点击事件的解决方案 效果 分析 富文本中要添加点击link事件,需要深入到CoreText里面才能够解决,本人将TTTAttributedLabel进行了封装(封装并不完全,以后会继续完善), ...

最新文章

  1. 3D人体姿态估计--Coarse-to-Fine Volumetric Prediction for Single-Image 3D Human Pose
  2. 虚拟主播上线:多模态将改变人机交互的未来
  3. 透过 OKR 进行项目过程管理
  4. 查看php-fpm 占用内存情况
  5. 什么是nodejs呢?
  6. caffe linux 教程,CentOS7安装Caffe的教程详解
  7. 如何在开盘15分钟内发现当天黑马
  8. php microtime true输出说明,php使用microtime(true)查看代码执行时间
  9. CSS设置元素水平居中、垂直居中方式汇总
  10. Nagios_快速配置
  11. python怎么调用函数的返回值_python函数的返回值是什么
  12. Oracle 登陆数据库的方式
  13. 绝地求生显示器测试软件,《绝地求生大逃杀》1728*1080分辨率怎么设置?自定义分辨率设置方法分享...
  14. HTML实现简单的注册页面
  15. Linux中,如何解决进程被Kill
  16. 【904. 水果成篮】
  17. Android Vitamio的使用解析
  18. Mac不能为虚拟电脑打开一个新任务
  19. java中 CVS_CVS命令 - java_rookie - 博客园
  20. ORM框架Peewee(四改)

热门文章

  1. GRBL学习笔记2--grbl Arduino烧写
  2. Java 通过JDBC连接Mysql数据库
  3. IDEA配置openCV
  4. 20190830每日一句
  5. 190428每日一句
  6. VS C#生成dll,C#和unity工程调用
  7. Atitit 数据记录存储方式 索引组织表 堆组织表 储方式 InnoDB 引擎把数据放在主键索引上,其他索引上保存的是主键 id。这种方式,我们称之为索引组织表(Index Organizi
  8. Atitit 简历外语版 英语 日语 1.经历了很多项目实践,具备较为宽广的IT从业与信息化工作背景,具备若干创业历程,道路曲折,初心不改。在相关领域累计了较深的深度(细化度)与高度(抽象度)与广度
  9. Atitit.软件与编程语言中的锁机制原理attilax总结 1. 用途 (Db,业务数据加锁,并发操作加锁。 2 2. 锁得类型 3 2.1. 排它锁 “互斥锁 共享锁 乐观锁与悲观锁 乐观锁:
  10. paip.HTML文本框INPUT无法输入的解决