首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何基于HTML中的类加载脚本

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

Stack Overflow用户
提问于 2013-12-15 22:26:00
回答 3查看 964关注 0票数 1

如何使用JavaScript或jQuery加载/链接基于页面上的HTML类的脚本?

我下载了一个脚本,当检测到桌面/mobile/tablet时,它会在HTML中放置一个类,并希望在其中一个js文件基础上为桌面用户加载一个js文件。

代码语言:javascript
复制
<html lang="en" class="desktop">
<html lang="en" class="tablet">
<html lang="en" class="mobile">

因此,我想要的是在分配“桌面”类时链接/加载js文件。

如果是.desktop,那么加载./ then file.js

很抱歉对此一无所知,我做了一个搜索,找不到一个答案,我知道如何实现。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-12-15 22:30:03

一种方法是

代码语言:javascript
复制
if ($('html').is('.desktop')){
    $.getScript('url_of_js_file.js');
}
// You could also use .hasClass('desktop')

但是,如果您调用JS文件desktop.jstablet.js等,则可以这样做,以避免if/else丛林。

代码语言:javascript
复制
var htmlclass=$('html').prop('class');
$.getScript(htmlclass + '.js');
票数 4
EN

Stack Overflow用户

发布于 2013-12-15 22:29:54

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

所以你会做这样的事:

代码语言:javascript
复制
if($(".classname")[0]) {
    //call getScript
}
票数 0
EN

Stack Overflow用户

发布于 2013-12-15 22:56:56

另一种解决方案是只使用一个类并使用css媒体查询修改类。看看引导,了解如何做到这一点的例子。在我看来,这会简化一些事情。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20600646

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档