对Web服务的Javascript onclick事件调用

Question

单击按钮是否可以调用以下脚本？

<script type="text/javascript" src="https://www.mypaga.com/paga-web/epay/ePay-button.paga?k=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx&e=false"> </script>

我想使用自定义按钮。

Answer 1

这取决于脚本中的逻辑，但是基本上可以。 请参见下面的示例代码。 然后，您必须使用此功能将点击事件添加到您的按钮。

 function addscript() {
   var head = document.getElementsByTagName("head")[0];
   script = document.createElement('script');
   script.id = 'uploadScript';
   script.type = 'text/javascript';
   script.src = "upload.js";
   head.appendChild(script);
 }

Answer 2

看来您正在使用Paga Service API。 如果您打算使用自定义按钮进行提交，则在加载脚本后，您需要触发$('#__paga_btn').click() ，可通过使用chrome dev工具检查元素并获取ID来找到的链接。 #__paga_btn ，注意，该脚本需要在form元素之后加载。 这样的事情足以满足您的情况

function addscript() {
   var head = document.getElementsByClassName("pagalink")[0];
   script = document.createElement('script');
   script.id = 'uploadScript';
   script.type = 'text/javascript';
   script.src = "https://www.mypaga.com/paga-web/epay/ePay-button.paga?k=xxxxxxxxxxxxxxxxxxxx&e=false&layout=V";
   head.appendChild(script); //Figure out a way to detect when script has loaded.
   $('#__paga_btn').click(); // needs to be called after the script as loaded to submit the form.

 }

pagalink节点需要放置在页面上的form元素下方。 因为那是您实际放置脚本的地方。 该脚本不是真正可定制的，因为它会修改加载时的dom。