我正在制作一个Chrome扩展,为此我有一个html文件,一个JavaScript文件,它在新选项卡,清单文件和图标中打开修改后的链接。无法在按钮点击HTML中调用JavaScript函数

它工作正常,但现在我只想在用户单击按钮时javascript函数才能工作。所以我在html文件中做了一个按钮,把js代码放入一个函数中,并使用onclick调用函数。

但由于某种原因,它不起作用。点击按钮似乎什么都没有发生。我试过重新加载扩展名。另外,我介绍了一个简单程序的实例,在该程序中单击按钮时,使用alert()显示简单的“Hello world”消息。

这个工作正常,当我直接在Chrome中打开html页面,但是当我用我所做的功能替换这个时,似乎没有发生点击事件。

有人可以找到缺陷/问题吗?

的urltry.html文件是:

View Editorial

function editorial()

{

chrome.tabs.query({currentWindow: true, active: true}, function(tabs){

var tab_url=tabs[0].url;

var new_url=tab_url.slice(11);

chrome.tabs.create({ url:"http://www.discuss." + new_url});

});

}

+0

我很确定Chrome扩展不允许内联事件处理程序。我建议阅读https://developer.chrome.com/extensions/tut_migration_to_manifest_v2#inline_scripts –

2014-08-30 09:26:09

+0

[Chrome扩展中的onClick可能不会重复](http://stackoverflow.com/questions/13591983/onclick-within-chrome-extension不工作) –

2014-09-01 09:45:33

在html中函数无效,无法在按钮点击HTML中调用JavaScript函数相关推荐

  1. JavaScript函数调用方式:简单调用+在超链接中调用JavaScript函数+在事件中调用JavaScript函数

    简单的调用 <html> <head> <meta http-equiv="Content-Type" content="text/html ...

  2. EOS project 中 的一个 jsp 文件中 调用 javascript函数的问题

    大家好! 在我的 EOS 项目中,有一个页面流,共三个元素:"开始"---"视图"----"结束".其中视图与一个jsp文件(A.jsp)关 ...

  3. python 调用 javascript函数

    python 调用 javascript函数 # pip install pyexecjs import execjs # 直接执行 print('execjs.eval:', execjs.eval ...

  4. java中怎么写一个返回按钮_java – 在表中实现一个按钮,该按钮使用Thymeleaf和Spring Boot从表中返回数据...

    使用Spring Boot和Thymeleaf的tl; dr,当用户单击特定行的第5列中的按钮时,如何在表单中返回表的第1列值? 嗨,您好!长时间听众,第一次来电.对于这个问题,我非常感谢你的帮助. ...

  5. QT5百度地图开发学习——qt调用JavaScript函数并传参

    文章目录 前言 一.通信桥梁bridge 二.QT与JS相互通信(调用函数) 1.QT调用js函数 前言 在上文<QT5百度地图开发学习--控件提升展示地图>中,我们通过控件提升的方式在同 ...

  6. java调用javascript函数_[Java教程]JavaScript函数的4种调用方法详解

    [Java教程]JavaScript函数的4种调用方法详解 0 2016-08-09 00:00:12 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C# ...

  7. 如何从Silverlight 代码调用Javascript 函数

    Silverlight 的一个优点是可以访问承载它的Web 页面的HTML 文档.Silverlight 可 以访问HTML 元素,因此也可以调用Javascript 方法. 下面的步骤显示了如何在S ...

  8. php调用成员函数错误,PHP致命错误:在非对象上调用成员函数exec...

    我收到错误PHP致命错误:每当我调用类似的东西时,都在非对象上调用成员函数execute(),该对象引用-.-> execute()行. $select_str = 'select id, st ...

  9. html中事件调用JavaScript函数时有return与没有return的区别

    2019独角兽企业重金招聘Python工程师标准>>> JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置. ...

  10. html访问按钮代码,使用html按钮调用javascript函数

    有几种方法可以使用HTML / DOM处理事件.没有真正的对或错的方式,但不同的方式在不同的情况下是有用的. 1:在HTML中定义它: 2:将其添加到Javascript中的事件的DOM属性: //- ...

最新文章

  1. .net实现md5加密 sha1加密 sha256加密 sha384加密 sha512加密 des加密解密
  2. 机器学习理论之SVM
  3. c语言100以内加减乘除,一百以内的加减乘除法游戏....
  4. XOR Specia-LIS-t 异或和 贪心
  5. 身边的设计模式(一):单例 与 RedisCacheManager
  6. git patch 应用
  7. Spring Cloud与微服务学习总结(10)——Spring Cloud 常见优化项的总结
  8. Selenium API-WebElement 方法
  9. 串口IO、定时器、回调函数
  10. 社会工程学之ip获取和定位
  11. PHP对象注入 PHP Object Injection
  12. 前端必备Javascript 书籍测评【含红宝书和绿皮书】
  13. Vue教程(三十九)vue-cli2脚手架安装
  14. 论文《Reasoning With Neural Tensor Networks for Knowledge Base Completion》的学习笔记
  15. python中assert的用法(简洁明了)
  16. 2021医学影像分割论文:MSGSE-Net:用于皮层下脑结构分割的多尺度引导压缩和提取网络
  17. 【Unity3D插件】UniRx(基于Unity的响应式编程框架)插件学习
  18. 计算机系系徽设计说明,《系徽设计介绍简介模版.ppt
  19. Oracle9i中使用SYS_CONNECT_BY_PATH进行行列转换-
  20. 时间最优轨迹规划(3-5-3次多项式)

热门文章

  1. 敏捷测试的方法和实践
  2. Ubuntu使用WakeOnLan远程开机
  3. flutter 自带方法获取视频缩略图
  4. 机器学习实战:决策树-隐形眼镜
  5. 使用AdoptOpenJDK替代Oracle JDK
  6. 一文带你了解Windows操作系统安全,保护自己的电脑不受侵害
  7. oracle创建视图多表关联,Oracle创建两表关联查询的视图
  8. 樊登读书会终身成长读后感_樊登读书会创始人演讲《知识爆炸时代如何终身成长》...
  9. 信息系统安全思维导图
  10. #(九)、江恩关注的古代数理必要的解读