停止我在移动设备上的JavaScript加载(Stop my javascript loading on mobile)

停止我在移动设备上的JavaScript加载(Stop my javascript loading on mobile)

我有一个javascript代码，在我的网站左侧呈现一个粘性标签。 如果用户共享页面等，这会弹出一个提供优惠券的方框...

唯一的问题是，这在移动浏览器上非常突兀，因此我想确保此脚本不会在移动平台上加载。

我目前有这个js的小提琴： http ： //jsfiddle.net/VHt8e/

和以下代码调用以下js代码：

<script type="text/javascript"> var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; var t = ''; if (document.cookie.indexOf("iscm=1") != -1) { var d = new Date(); t = '&t=' + d.getTime(); } newScript.src = '//www.MYDOMAIN.com/coupon.js' + t; headID.appendChild(newScript); </script> <div id="share-coupon-small"></div>

我对javascript的经验很少，所以如果有人能帮我完成这段代码，我会非常感激它。

I have a javascript code that renders a sticky tab to the left of my website. This pops up a box that offers a coupon if the user shares the page etc...

The only issue, is this is really obtrusive on a mobile browser, so I want to ensure that this script doesn't load on a mobile platform.

I currently have this fiddle of the js: http://jsfiddle.net/VHt8e/

and the following code that calls the following js code in:

<script type="text/javascript"> var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; var t = ''; if (document.cookie.indexOf("iscm=1") != -1) { var d = new Date(); t = '&t=' + d.getTime(); } newScript.src = '//www.MYDOMAIN.com/coupon.js' + t; headID.appendChild(newScript); </script> <div id="share-coupon-small"></div>

I have little experience with javascript so if someone could help me finish this code I will massively appreciate it.

最满意答案

根据窗口大小将其包装在if语句中。

var limit = 600; if(window.innerWidth>limit){ //do }

使用您的代码：

var limit = 600; var window_width = window.innerWidth; if(window_width>limit){ var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; var t = ''; if(document.cookie.indexOf("iscm=1") != -1) { var d = new Date(); t = '&t=' + d.getTime(); } newScript.src = 'http//www.sugarskulluk.com/coupon.js' + t; headID.appendChild(newScript); document.write("<div id=\"share-coupon-small\"></div>"); }//end of if window_width>limit

Wrap it in an if statement based on window size.

var limit = 600; if(window.innerWidth>limit){ //do }

With your code:

var limit = 600; var window_width = window.innerWidth; if(window_width>limit){ var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; var t = ''; if(document.cookie.indexOf("iscm=1") != -1) { var d = new Date(); t = '&t=' + d.getTime(); } newScript.src = 'http//www.sugarskulluk.com/coupon.js' + t; headID.appendChild(newScript); document.write("<div id=\"share-coupon-small\"></div>"); }//end of if window_width>limit