如何调用javascript函数onload和按钮点击?[英] how to called the javascript function onload and on button click?

问题描述

我发现这个 javascript 是由一个按钮调用的
但我希望它同时加载,当按钮单击它也会调用这个 javscript
但我不知道怎么做?希望大家能帮忙

函数 AddFileUpload(){var div = document.createElement('DIV');div.innerHTML = '<input id="file' + 计数器 + '" name = "file' + counter + '" type="file"/><input id="Button' + 计数器 + '" type="button" value="Remove" onclick = "RemoveFileUpload(this)"/>';document.getElementById("FileUploadContainer").appendChild(div);计数器++;}

推荐答案

你好,

试试这个在 body 标签上使用 onload 事件的简单解决方案...
<html><head><脚本>var counter = 0;函数 AddFileUpload(){var div = document.createElement('DIV');div.innerHTML = '<input id="file' + 计数器 + '" name = "file' + counter + '" type="file"/><input id="Button' + 计数器 + '" type="button" value="Remove" onclick = "RemoveFileUpload(this)"/>';document.getElementById("FileUploadContainer").appendChild(div);计数器++;}函数 RemoveFileUpload(obj){return false;}</脚本></head><body onload="AddFileUpload();"><div id="FileUploadContainer"></div><输入 type="button" ="添加" onclick="AddFileUpload();return false;"></body></html></html>

如果您使用 jquery,您可以使用 .ready() 事件来调用这个 dom 准备就绪...
<html><head><脚本 src="http://code.jquery.com/jquery-latest.js"></脚本><脚本>var counter = 0;函数 AddFileUpload(){var div = document.createElement('DIV');div.innerHTML = '<input id="file' + 计数器 + '" name = "file' + counter + '" type="file"/><input id="Button' + 计数器 + '" type="button" value="Remove" onclick = "RemoveFileUpload(this)"/>';document.getElementById("FileUploadContainer").appendChild(div);计数器++;}函数 RemoveFileUpload(obj){return false;}

(document).ready(function () {添加文件上传();});</脚本></head><body><div id="FileUploadContainer"></div><输入 type="button" ="添加" onclick="AddFileUpload();return false;"></body></html></html>

只需使用 onClick=javascriptmethod();老兄,它会调用 javascript

本文地址:https://www.itbaoku.cn/post/1394813.html