Js之 动态引入外部css/js文件

1. 写自定义函数（url为文件路径）供以后的元素调用：

	//加载外部css文件
	function loadCss(url) {
		var head = document.getElementsByTagName('head')[0];
		var link = document.createElement('link');
		link.type='text/css';
		link.rel = 'stylesheet';
		link.media = "print";//打印的css(显示于屏幕的css---->media="screen")
		link.href = url;//文件的真实路径(eg:link.href = "css/A4print.css"; )
		head.appendChild(link);
	}

	//加载外部js文件
	function loadJs(url) {
		var head = document.getElementsByTagName('head')[0];
		var script = document.createElement('script');
		script.type='text/jajvascript';
		script.href = url;//文件的真实路径
		head.appendChild(script);
	}

注意：
js脚本文件具体是放在head标签里面,还是放在body标签里面，可根据实际需要进行选择

2. 元素的创建、元素的添加

	document.createElement("元素名称");

注意：

1. css文件只能放在head标签以内；
2. js文件可以放在head标签以内，也可以放在body标签以内，还可以放在body标签之外