动态装载js和css

原创 2007年09月29日 22:45:00
装载js方法:
1、动态装载
function $import(js){
    var s=document.createElement("SCRIPT");
    s.type="text/javascript";
    s.src = js;
    document.body.appendChild(s);
}
2、动态装载,但是必须在window.onload之间执行
<script type="text/javascript">
    s = "<script src='js/JSCalendar/JSCalendar.js'><//script>";
    document.writeln(s);
</script>

装载css方法:
1、动态装载
function $importcss(css){
    var head=document.getElementsByTagName('HEAD').item(0);
    var style=document.createElement('link');
    style.href=css;
    style.rel='stylesheet';
    style.type='text/css';
    head.appendChild(style);
}
2、同“2、动态装载js”

保存一下!动态装载js

导读:   【发表评论】【查看原文】【Web开发讨论区】【关闭】   用json和script标签,解决ajax的跨域问题   ajax的XMLHttpRequest因为js的安全问题是不能跨域的 ...
  • chief1985
  • chief1985
  • 2008年01月11日 23:11
  • 817

CSS、JS 放置位置与前端性能的关系?

Q: 问这个问题之前,我先说一下浏览器的解析方式,浏览器解析html页面首先浏览器先下载html,然后在内存中把html代码转化成Dom Tree, 然后浏览器根据Dom Tree上的Node分析cs...
  • bigtree_3721
  • bigtree_3721
  • 2016年03月29日 15:12
  • 989

认识Html、JS、CSS的关系

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有...
  • tangfengchoumou
  • tangfengchoumou
  • 2017年02月15日 10:38
  • 514

合并JS和CSS

1.先来看看,不用合并js的情况,传输量大 1.1新建一个 【基本】的mvc项目 然后新建一个控制器HomeController,因为js会在很多视图中用到,所以此时我们添加一个视图带布局页Ind...
  • shan1774965666
  • shan1774965666
  • 2015年05月18日 13:13
  • 499

【JS与CSS文件导入与执行冲突】

【JS与CSS文件导入与执行冲突】 在制作页面的时候,我们有的时候使用CSS给某一元素添加了样式,有通过JavaScript给该元素添加了CSS样式,这个时候,可能会...
  • M_agician
  • M_agician
  • 2017年06月28日 00:07
  • 997

按需加载JS和css

/*** js和css按需加载 ***/ function loadJsCss(url, callback ){// 非阻塞的加载 后面的js会先执行 var isJs = /\/.+\.js($...
  • a771948524
  • a771948524
  • 2016年05月31日 14:42
  • 1318

常见的浏览器css和js兼容性问题汇总

无论是在工作或者面试中,总会遇到关于浏览器兼容性的问题,往往会感到一头雾水不知从何说起,于是我结合一些工作经验及从网上搜集的一些资料对此做了一些汇总,希望对从事前端工作的朋友们起到一些帮助。css:1...
  • zfangls
  • zfangls
  • 2016年12月28日 14:09
  • 264

最简单的css和js文件合并

随着web页面功能越来越多,css和js使用也越来越多。但是一个页面中js和css越多导致页面请求次数就越多,网络延迟也会加大。 网上有很多jss的压缩合并工具,但是都不是很方便。        其实...
  • robinhunan
  • robinhunan
  • 2016年02月23日 12:21
  • 2903

html JavaScript 和css之间的关系总结

html(Hyper Text Markup Language)与css(Cascading Style Sheets)还有Js(Javascript)的关系: 如果说html(Hyper ...
  • Light_Travlling
  • Light_Travlling
  • 2017年05月31日 21:52
  • 320

web性能优化 JS/CSS CDN加速公共库

CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节...
  • aoshilang2249
  • aoshilang2249
  • 2016年11月24日 08:25
  • 1707
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态装载js和css
举报原因:
原因补充:

(最多只允许输入30个字)