如何基于HTML中的类加载脚本

How to load a script based on a class found within the HTML

本文关键字：类加载 脚本 何基于 HTML      更新时间：2023-09-26

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

我下载了一个脚本，当检测到桌面/手机/平板电脑时，该脚本会在HTML中放置一个类，并希望为桌面用户加载一个基于其中一个类的js文件。

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

所以我想要的是当"桌面"类被分配时链接/加载一个js文件

如果.桌面，则加载/thisfile.js

很抱歉对此一无所知，我进行了搜索，但找不到我理解如何实现的答案。

一种方法是这个

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

但是为了避免if/else丛林，如果您将JS文件称为desktop.js、tablet.js等，您可以这样做。

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

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

所以你会做一些类似的事情：

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

另一个解决方案是只使用一个类，并使用css媒体查询修改该类。请参阅引导程序，了解如何做到这一点。在我看来，这将简化事情。

相关文章：