97超碰在线播放|美女自慰免费观看|亚洲无码三四五区|日韩无码分类大全|日本美女在线99|毛片网女人免费看|亚洲国产香蕉av|久久免费看片视频|超碰在线无码一区|玖玖中文字幕在线

284292114@qq.com 中國站
新聞中心 網(wǎng)絡推廣 網(wǎng)站建設 優(yōu)化推廣 首頁>新聞中心>網(wǎng)站建設

根據(jù)屏幕尺寸不同調(diào)用不同的JS

時間:2020-02-11   訪問量:0

作為一個網(wǎng)站建設者來說,特別是寫前端的朋友,往往會遇到這樣的一個問題。

那就是JS的兼容。

打個比方:

我在使用響應式框架的時候,菜單在手機端上的彈出效果需要調(diào)用jq-1.5.js,

但是在某個頁面使用物效的時候,如果用JQ-1.5版本的話,就會導致這個效果失效。比如說放大鏡效果,我們需要使用JQ-1.3.JS,但是實際上在PC端上,我們是可以不用使用JQ-1.5,只調(diào)用JQ-1.3也不會響應PC端上的使用。

對于大神級的人物來說,一般是直接修改JS中的代碼,因為這種情況多是因為命名或者類重復引起來的。但是對于我們一般人來說,修改類這些太過于復雜和麻煩。不是很實用。

于是我們選擇了另一條更為簡單的方式來處理這個問題。

<script   type="text/javascript">

if (screen.width<768)

	document.write('<script type="text/javascript" src="JQ-1.3.JS"><\\/script>');

else

	document.write('<script type="text/javascript" src="JQ-1.5.JS"><\\/script>');

</script>

以上JS的解釋為:當屏幕尺寸小于768的時候,調(diào)用JQ-1.3,當大于768的時候,調(diào)用JQ-1.5,當然了,我們?nèi)绻嵌喑叽缯{(diào)用不同的JS,多寫幾個IF語句就可以了,是不是很簡單?

服務咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務的更多信息,請聯(lián)系項目經(jīng)理

15899750475 楊先生