我有一个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>limitWrap 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更多推荐
发布评论