c# - 创建可在许多网站上访问的 HTML 弹出式表单

Question

我想要一个 HTML 表单，它有两个输入文本框和一个提交按钮，可以放在我拥有的许多网站上。我只想以 javascript 代码的形式引用此表单，该代码采用一些自定义参数，具体取决于表单的形状、大小或颜色应该改变。

我已经创建了一个准备好接受输入的表单，我想将其作为插件或其他类型的 javascript 代码粘贴到其他网站上时应该拉出我创建的表单。

Answer 1

正如您所说，您必须创建一个插件。您可以将其写入单独的文件中，例如insertMyForm.js.

可以使用指定的 div 元素调用插件，该元素将成为表单的父级（例如）

(function($) {
    $.fn.insertMyForm = function(params) { 
        //check that parent ( $(this) ) is a div, or something else...
        //create your html element  
        var myFirstInput = $("<input>");//... 
        var myForm = $("<form>");//...
        //do some stuff with with your elements (css, handlers...)
        //append you form to the parent 
        $(this).append(myForm);//...
        //return something like the jQuery object of your form (return myForm;)
    };
})(jQuery);

现在在您的页面中，在脚本部分中，包含 insertMyForm.js 并创建您的表单：

$("#myParentElement).insertMyForm(params);