讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

在css加载完毕后自动判断页面是否加入css或js文件_jquery

php中文网
发布： 2016-05-16 16:36:40
原创
1539人浏览过

最近在写项目的framework，写个jquerymessagebox的类，以使用jquery ui中的dialog()来显示消息框，为了使方法方便调用，便加入了自动判断页面是否加入了ui.js和ui.css,代码如下：

//如果没有包含ui.js,则引用 
if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{ 
$(""<script src='/js/jquery-ui-1.8.11.custom.min.js' type='text/javascript' />"").appendTo('head'); 
}} 
//如果没有加载css,则加载 
if ($('link[ref$=""jquery-ui-1.8.14.custom.css""]').length == 0) {{ 
$('<link href=""/css/jquery-ui-1.8.14.custom.css"" rel=""stylesheet"" type=""text/css"" />').appendTo('head'); 

//dialog() script 
}}
登录后复制

但CSS代码不会立即加载下来，于是在显示dialog的时候则不会有样式（在IE9下可以，因为在IE9下CSS即使后下载下来，也会重新绘制页面元素，而IE8则不会）.解决此问题的方法，可以使用ajax，当css加载完毕后，再显示dialog，这样就可以带着样式显示出来了，代码如下：

MimicPC
MimicPC

一个AI驱动的浏览器运行工具，可以通过浏览器在线安装及运行各种开源的AI应用程序

MimicPC 145
查看详情 MimicPC 
if ($('link[ref$=""jquery-ui-1.8.14.custom.css""]').length == 0) { 
$.ajax({ 
url: '/css/jquery-ui-1.8.14.custom.css', 
success: function(data) { 
//创建一个style元素，并追加到head中 
//替换其中images的路径 
$('<style type="text/css">' + data.replace(/url\(images/g, 'url(/css/images') + '</style>').appendTo('head'); 
//dialog() script; 
} 
}); 
} 
else { 
//dialog() script; 
}
登录后复制

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：jquery取子节点及当前节点属性值的方法_jquery 下一篇：jQuery CSS()方法改变现有的CSS样式表_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
javascript如何实现浏览器指纹识别_有哪些常用技术？ 浏览器指纹识别通过组合Canvas、WebGL、navigator属性、时区和屏幕信息等5–7个稳定字段哈希生成，非隐私模式下识别率超90%，但需遵守GDPR/CCPA合规要求。
2025-12-23 17:12:09
177
javascript的柯里化是什么_它如何实现函数转换？ 柯里化是将多参数函数转换为单参数函数链的过程，通过闭包保存已传参数，待参数数量满足时执行原函数；其核心是延迟求值与部分参数固定，区别于可多参数传入的偏函数。
2025-12-23 17:10:02
234
javascript如何实现截图功能_怎样将网页保存为图片？ JavaScript无法直接调用系统截图API，但可通过html2canvas或dom-to-image库将DOM渲染为图片，或借助Puppeteer等服务端工具实现高质量截图。
2025-12-23 17:07:02
693
javascript的Babel是什么_如何转换新版本代码？ Babel是将新标准JavaScript代码（如ES2015+、TypeScript、JSX）转换为向后兼容版本（如ES5）的编译器，通过解析→转换→生成三步基于AST实现精准降级，解决浏览器环境对新语法支持滞后的问题。
2025-12-23 16:49:17
434
javascript JSON是什么_如何解析和序列化JSON数据 JSON是字符串而非对象，需用JSON.parse()解析、JSON.stringify()生成；键名必须双引号，不支持单引号、undefined、函数等；格式错误会直接报错。
2025-12-23 16:48:43
452
javascript怎样操作蓝牙设备？_javascript的Web Bluetooth API如何使用？ WebBluetoothAPI允许HTTPS或localhost环境下通过用户交互调用requestDevice()、connect()、getPrimaryService()、readValue()等异步方法与BLE设备通信，Chrome/Edge/Opera支持，Safari/Firefox不支持。
2025-12-23 16:46:15
693
javascript如何实现自动化测试_怎样用Selenium控制浏览器 最常用方式是结合SeleniumWebDriver与Node.js生态，或更推荐Playwright；Playwright开箱即用、多浏览器支持、自动等待；Selenium需手动管理驱动；定位优先用data-testid，避免固定等待，测试应独立可重复。
2025-12-23 16:45:18
436
javascript如何实现代码格式化_工具如Prettier如何配置？ Prettier是主流JavaScript代码格式化工具，开箱即用且支持精细配置；推荐项目本地安装，通过配置文件（如.prettierrc.js）或命令行统一风格，并与ESLint协同实现质量与格式双修复。
2025-12-23 16:37:02
542
javascript如何操作蓝牙_Web Bluetooth API有哪些实际应用场景？ JavaScript可通过WebBluetoothAPI在支持浏览器中直接连接BLE设备，适用于工业传感、医疗监测、教育开发及门禁验证等场景，需HTTPS、用户触发、设备广播指定服务且仅限Chrome/Edge支持。
2025-12-23 16:23:02
163
javascript的模块化是什么_如何使用import和export？ JavaScript模块化通过export和import实现代码拆分与依赖管理，支持命名导出、默认导出及混合导入，需注意顶层导入、路径规范、环境配置（如type="module"）及常见误区。
2025-12-23 16:21:30
440
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部