楚河之界 2022-07-04 16:30 采纳率: 97.4%
浏览 33
已结题

Chrome扩展点击事件不执行

chrome扩展，在popup页面，给页面对象添加的onclick事件不执行。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>chrome扩展测试</title></head>
<body>
<a onclick="alert('hello world!')">hello</a></body></html>
  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-07-04 16:36
    关注

    chrome扩展不支持inline-script，绑定事件的代码需要放到外部js文件中，也不能直接在DOM对象上添加click事件，改下面这样，onclick事件用外部js代码绑定

    <a id="b" >hello</a>
<script src="b.js"></script>

    b.js

    document.getElementById('b').onclick=function(){alert('hello world!')}
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • web前端常用chrome谷歌浏览器扩展插件
    2022-02-07 15:45
    FeHelper简直就是前端开发人员的神器，它是由国人开发的一款前端工具集合的小插件，插件功能齐全，基本上涵盖了前端从业者经常会使用到的基础功能，使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
  • 一个chrome扩展在运行时跟踪前端JavaScript使用
    2019-08-12 06:24
    标题 "一个Chrome扩展在运行时跟踪前端JavaScript使用" 指涉的是一个专门设计用于监控和分析JavaScript在浏览器环境中执行情况的工具。这个扩展程序能够帮助开发者了解前端代码如何与DOM（文档对象模型）和jQuery ...
  • 基于Chrome扩展的浏览器可信事件与网页离线PDF导出
    2024-07-02 09:10
    WindRunnerMax的博客 Chrome扩展是一种可以在浏览器中添加新功能和修改浏览器行为的软件程序，我们可以基于Manifest规范的API实现对于浏览器和Web页面在一定程度上的修改，例如广告拦截、代理控制等。则是Chrome浏览器提供的一套与浏览器...
  • Chrome扩展及应用开发
    2018-10-17 19:06
    Chrome扩展的开发不仅仅局限于前端技术，它还涉及到与Chrome浏览器交互的API接口。这些API提供了丰富的接口供开发者使用，以便于扩展可以实现各种各样的功能，例如浏览器标签控制、书签管理、网络请求拦截等。通过...
  • Chrome扩展及应用开发.pdf
    2020-10-02 21:26
    ### Chrome扩展及应用开发知识点概览 #### 一、初步接触Chrome扩展应用开发 - **认识Chrome扩展及应用** - Chrome扩展（Extensions）是一种基于Web技术（HTML、JavaScript、CSS）开发的小型应用程序，旨在增强...
  • alfred:Chrome扩展程序可以执行次要任务
    2021-05-08 00:42
    标题中的“Alfred”在这里指的是一个Chrome扩展程序，它能够帮助用户执行各种辅助或次要的任务，提高工作效率。这个扩展程序的灵感可能来源于现实生活中的“管家”角色，它在Web浏览器环境中扮演着类似助手的角色，...
  • chrome newtab扩展程序
    2022-04-08 16:05
    总的来说，"chrome newtab扩展程序"涉及了Chrome扩展开发、前端编程、JavaScript事件处理、搜索引擎优化（SEO）等多个IT领域的知识。通过学习这些技能，开发者可以创造出更个性化、高效的浏览器体验，同时也能提升...
  • Chrome 扩展开发入门
    2025-01-16 17:28
    前端还能拯救一下的博客 chrome://extensions chrome扩展开发入门
  • uistack：Chrome扩展程序揭示网站前端技术栈
    2024-10-05 15:54
    喵喵蜜的博客 本文还有配套的精品资源，点击获取 简介：uistack扩展程序是为开发者设计的工具，能快速识别网页使用的JavaScript MVC框架和UI库。通过分析页面源代码、JavaScript文件引用和DOM结构，该扩展节省了开发者手动...
  • 一些Chrome的扩展插件。參考
    2022-03-14 12:05
    在前端开发中，Chrome扩展插件也有着广泛的应用。开发者可以使用它们来调试网页、分析性能、检查网络请求，甚至进行自动化测试。例如，React DevTools可以帮助开发者更好地理解和调试React应用，而Chrome Lighthouse...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 7月12日
  • 已采纳回答 7月4日
  • 创建了问题 7月4日