如何在运行时使用javascript为网页注入控件

how to inject controls using javascript at runtime for a web page?

本文关键字：网页 注入 控件 javascript 运行时      更新时间：2023-09-26

我计划在我已经给出的网页注入三个按钮(开发完成，只有URL是共享的)，并在点击这些按钮中的每一个，我需要做某些动作。

谁能分享我如何使用JavaScript做到这一点。任何链接，可以帮助我开始创建按钮，和代码背后的按钮点击和我如何加载JavaScript浏览器等

在运行时添加元素append()

假设你有

<div id="container"> <div>

你必须在这里注入按钮

$('#container').append('<input type="button" id="b1" value="Button1" /><input type="button" id="b2" value="Button2" /><input type="button" id="b3" value="Button3" />');

其中，#container是标识为- container的<div>的选择器。

单击(),

$('#b1').click(function(){
    //do your action
}

不要忘记添加引用到jQuery

示例演示。

检查这个:

jquery创建新元素的最佳方法

创建后，您可以使用Bind为每个按钮附加所需的功能。

我通常使用jquery的追加函数

$('#TheContainingElement').append('<input type="button" id="MyButtonID" value="Click Me" />');

一旦你创建了它，你可以连接点击事件

$('#MyButtonID').click(function(){
  // do something
});
相关文章：