从事件触发第三方 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();
       });
   });
});

Answer 2

你为什么要这样做呢？这将减慢您的站点调用外部链接来触发您的 js 的速度，如果外部站点发生任何事情，那么您的 js 函数将失效并且站点可能会中断。这不是一个好的编码习惯，您应该获取 js 文件的副本并将其本地存储在您的托管服务器中...

这只是我的意见。

-Epik-