2016-01-22 111 views
0

我要添加脚本装载和卸载的JavaScript动态

if(screensize>980){ 
    add <script src="somejs">// functions should work without time delay 
} 
if(screensize<980){ 
remove <script src="somejs"> 
} 

当屏幕尺寸小于900,我想删除当用户调整屏幕尺寸越大相同的脚本。然后再根据屏幕大小动态删除并添加脚本。脚本相关功能应该没有任何问题(动态地)并且没有延迟并重新加载。可能吗。我尝试了很多东西,但都没有成功。

$.ajax, document.createElement("script") - 我试过这两个,但我希望它动态删除和添加。

例如:添加并删除<script src="somescript">。是否可以动态评论和取消注释加载的脚本的注释?

+0

的可能的复制[加载/卸载的JavaScript动态](http://stackoverflow.com/questions/6693395/loading-unloading-javascript-dynamically) – aProgrammer

+0

我想起这个库http://conditionerjs.com/不会动态地添加/删除脚本,但会根据不同的条件添加/删除行为。 – Prashant

+0

参考此链接 - > http://www.coalmarch.com/blog/how-to-execute-javascript-based-on-screen-size-using-jquery –

回答

0

删除和添加看起来非常麻烦。难道你不能简单地在脚本开始时添加一个当前屏幕大小的检查,如果它不符合参数就放弃检查吗?

+1

这应该是一个评论,如果你没有足够的评论声誉,赢得声誉。这种回答很可能让你失望,推动你甚至不能发表评论。无论如何它只有50点声望。 (它也在主页上显示这个问题为'有答案',使得不太可能具有实际知识的人会看到问题,使问题变得无用) – somethinghere

+0

不,这是我被告知要做的事情。(我在我的问题中提到)..... –

+0

@somethingthere,谢谢你的指导。有没有办法让我删除我的答案,所以问题会出现未答复? – pCarsten

0

我想添加一个脚本时,屏幕尺寸小于900,我想删除当用户调整屏幕尺寸越大相同的脚本。然后再根据屏幕大小动态删除并添加脚本。

为什么不附加一个Event Listener到屏幕需要提防屏幕尺寸改变时:

window.addEventListener("resize",addOrRemoveFunction,false); 

然后写它决定了屏幕尺寸的宽度和添加或删除一个Event Listener到功能myElement因此:

function addOrRemoveFunction() { 

    if (window.innerWidth < 900) { 
     myElement.addEventListener("click",myFunction,false); 
    } 

    else if (window.innerWidth > 899) { 
     myElement.removeEventListener("click",myFunction,false); 
    } 
} 

然后,你可以写上你想什么功能,有存在与否取决于当前SC reen的宽度:

function myFunction() { 

[Javascript here] 

} 
+0

实际上我想添加和删除