Question

如何使用JavaScript或jQuery根据页面上的HTML类加载/链接脚本？

我下载了一个脚本，当检测到桌面/移动设备/平板电脑时，该脚本会在HTML中放置一个类，并希望根据其中一个桌面用户加载js文件。

<html lang="en" class="desktop">
<html lang="en" class="tablet">
<html lang="en" class="mobile">

所以我想要的是在分配“桌面”类时链接/加载js文件

如果.desktop，则加载......../ thisfile.js

很抱歉对此无能为力，我进行了搜索，找不到我理解如何实施的答案。

Answer 1

一种方法就是这个

if ($('html').is('.desktop')){
    $.getScript('url_of_js_file.js');
}
// You could also use .hasClass('desktop')

但是，如果你调用你的JS文件desktop.js，tablet.js等来避免使用if / else丛林，你可以这样做。

var htmlclass=$('html').prop('class');
$.getScript(htmlclass + '.js');

Answer 2

您可以使用jQuery函数jQuery.getScript()：http://api.jquery.com/jQuery.getScript/

所以你会做类似的事情：

if($(".classname")[0]) {
    //call getScript
}

Answer 3

另一种解决方案是仅使用一个类并使用css媒体查询修改该类。请查看bootstrap以获取如何完成此操作的示例。在我看来，这将简化事情。