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 -

从事件中触发第三方Javascript

2 个答案: