动态加载js和css

  • 推荐方法
//加载css
function loadjscssfile(filename, filetype) { 
  if (filetype == "js") { 
  var fileref = document.createElement('script'); 
  fileref.setAttribute("type", "text/javascript"); 
  fileref.setAttribute("src", filename) 
  } else if (filetype == "css") { 
  var fileref = document.createElement("link"); 
  fileref.setAttribute("rel", "stylesheet"); 
  fileref.setAttribute("type", "text/css"); 
  fileref.setAttribute("href", filename) 
  } 
  if (typeof fileref != "undefined") document.getElementsByTagName("head")[0].appendChild(fileref) 
  } 
  loadjscssfile("jsui.css", "css"); 
//加载js
function hxloadJS(url, callback) {
				var script = document.createElement('script'),
					fn = callback || function() {};
				script.type = 'text/javascript';
				//IE
				if(script.readyState) {

					script.onreadystatechange = function() {

						if(script.readyState == 'loaded' || script.readyState == 'complete') {

							script.onreadystatechange = null;

							fn();
						}
					};
				} else {
					//其他浏览器
					script.onload = function() {

						fn();
					};
				}
				script.src = url;
				document.getElementsByTagName('head')[0].appendChild(script);
			}
			//用法
			hxloadJS('jsui.js', function() {
				
			});

 

克胡网络出售的源代码只允许用于合法目的,以及学习网站技术水平,所有用于非法目的与本网站无关,克胡网络不承担任何责任!未经许可不得转让、出售.克胡网络 » 动态加载js和css
分享到:
赞(0)

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址