javascript - 从事件中触发第三方 Javascript

Question

我经营一个电子商务网站。在我们的订单确认页面上，我们运行第三方 javascript，自动执行可选调查。

调查的问题是它需要 20 秒才能执行并减慢了关键的“订单完成”页面的呈现速度。

我想在客户单击按钮之前阻止加载此脚本。

理想情况下，页面将在不执行脚本的情况下加载。页面上会显示一些文字，“您想参加调查吗？如果是，请单击此处。”然后页面会调用第三方javascript执行调查代码。

下面是第三方javascript。第一个脚本标签只是收集变量，第二个脚本标签实际运行调查代码。

<script language="JavaScript">
// var passin_x =; //comment out to default center or adjust horizontal position by pixel
// var passin_y =; //comment out to default center or adjust vertical position by pixel
var orderId='@@order_id@@';
// var z_index =; //default 9995
var cartTotal='@@purchase_total@@';
// var billingZipCode=;
// Pass up to 5 products from customer shopping cart
//var productsPurchased= 'URL=^SKU=^GTIN=^PRICE=|URL=^SKU=^GTIN=^PRICE=|URL=^SKU=^GTIN=^PRICE=|URL=^SKU=^GTIN=^PRICE=|URL=^SKU=^GTIN=^PRICE=';
</script>
<script type="text/javascript" src="https://eval.bizrate.com/js/pos_xxxxx.js">
</script>

如何在点击事件后动态加载脚本？

Answer 1

我用了jQuery.getScript在点击事件后动态加载脚本。

具体来说，我使用了此处显示的技术: http://www.tutorialspoint.com/jquery/ajax-jquery-getscript.htm

看起来像这样:

$(document).ready(function() {
   $("#driver").click(function(event){
       $.getScript('/jquery/result.js', function(jd) {
           // Call custom function defined in script
           CheckJS();
       });
   });
});