2014-09-12 34 views
0

完整的初學者(愛好者)在這裏,所以這可能是一個總的noob問題。檢測是否移動 - 如果是使用java01.js,如果不是移動使用java02.js

我有兩個javascripts。一個用於移動用戶,另一個用於桌面用戶。

現在,我已經在我的html:

<script type="text/javascript" 
src="../java_file.js"> 
</script> 

它奇妙的作品,但我希望有一個不同的js文件運行時,屏幕寬度小於480

我想一起做些什麼這些行:

<script type="text/javascript" 
if (screen.width < 480) { 
src=".../java_file_mobile.js"> 
} 
else { 
src=".../java_file.js"> 
} 
</script> 

這是我第一次建立一個網站,我正在學習代碼,因爲我去。任何援助將是偉大的。謝謝!

+0

你可以檢查:http://stackoverflow.com/questions/610995/cant-append-script-element - 它顯示腳本標記如何追加 – 2014-09-12 20:13:24

+0

我使用http:// mobiledetect .net /,如果你喜歡PHP。 – loveNoHate 2014-09-12 20:14:21

回答

0

如果您只關心屏幕寬度,最簡單的方法就是使用JavaScript offsetWidth。

var w = document.body.offsetWidth; 

if (480 > w) { 
    //append mobile script 
} else { 
    //append desktop script 
} 

海狸雖然小offsetWidth也只是意味着桌面屏幕上一個狹窄的瀏覽器窗口。或者手錶。或冰箱。你明白了...

相關問題