如何在运行时使用 javascript 为网页注入控件？ [关闭]答案

【问题标题】：how to inject controls using javascript at runtime for a web page? [closed]如何在运行时使用 javascript 为网页注入控件？ [关闭]
【发布时间】：2014-05-28 09:00:16
【问题描述】：

我计划在给定的网页中注入三个按钮（开发完成，只共享 URL），单击每个按钮后，我需要执行某些操作。

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

【问题讨论】：

你为什么不使用任何搜索引擎作为谷歌？？？

标签： c# javascript jquery

【解决方案1】：

在运行时添加元素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 是<div> 的选择器，ID 为容器。

对于click()，

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

别忘了添加对jQuery的引用

Sample Demo.

【讨论】：

是的，跟我想的差不多

【解决方案2】：

检查一下：

Best way of creating a new element in jquery

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

【讨论】：

【解决方案3】：

我通常使用jquery append函数。

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

创建完成后，您可以连接点击事件

$('#MyButtonID').click(function(){
  // do something
});

【讨论】：