PHP에서 JavaScript 또는 CSS 파일을 동적으로 로드하는 방법
풀어 주다: 2016-07-25 08:59:50
test6.php
-
- header('Content-Type: application/x-javascript; charset=UTF-8');
- $str = $_GET["str"];
- ?>
-
- // 자바스크립트 문서
- // by bbs.it-home.org
- Alert('');
-
- function tester(string)
- {
- string ? 경고(문자열) : 경고('테스터라는 함수를 호출했습니다.');
- }
- ?>
复代码
第二种방법:
테스트.php
-
- <스크립트>
- function loadjs(url,callback){
- var head = document.getElementsByTagName("head")[0];
- var script = document.createElement('script');
- script.onload = script.onreadystatechange = script.onerror = function (){
- if (script && script.readyState && /^(?!(?:loaded|complete)$)/.test(script. ReadyState)) 반환;
- script.onload = script.onreadystatechange = script.onerror = null;
- script.src = '';
- script.parentNode.removeChild(스크립트);
- 스크립트 = null;
- 콜백();
- }
- script.charset = "gb2312";
- script.src = url;
- try {
- head.appendChild(script);
- } catch(exp) {}
- }
-
- function loadmultijs(url,callback){
- if(Object.prototype.toString.call(url)==='[object Array ]'){ //是否数组
- this.suc = 0; //加载计数
- this.len = url.length; //회전율
- var a = this;
- for(var i = 0;i < url.length;i ){
- loadjs(url[i],function(){ a.suc ; if(a.suc == a.len) try {callback();}catch(e){} });
- }
- }
- else if(typeof(url) == 'string') loadjs(url,callback);
- }
-
- loadjs("test5.php?return=value",function(){ 경고(값); tester(값); });
-
复代码
test5.php
加载多JavaScript文件的实例:
-
- var url = [
- 'ajax.php?ajax=1',
- 'functions.js'
- ];
- loadmultijs(url,function(){ Alert("加载完毕。"); /* 这里可以调用动态加载的JS文件的数据或방법 */ });
제제대码
2. 动态加载css文件
테스트.php
-
-
-
-
-
- <본문>
-
- 이 문서에는 #e4e4e4 배경, 300px/400px div 및 arial/24px/red 단어가 있습니다.
-
复代码
div.php
-
- // 파일의 출력을 CSS
- header('Content-type: text/css')로 선언합니다. ;
-
- // 스크립트 포함
- //include('others.php');
-
- $width = $_GET['w'];
- $height = $_GET['h'];
- ?>
-
复代码
-
- div{width:=$width?>px; 높이:=$height?>px;border:blue 1px solid;}
复代码
fonts.php
-
- // 파일의 출력을 CSS
- header('Content-type: text/css')로 선언합니다. ;
-
- // 스크립트 포함
- //include('others.php')
-
- $size = $_GET['s']; _GET['c'];
- ?>
- body{font-family:arial;font-size:=$size?>px;color:=$color?> }
-
코드 복사
이제 php에서 js, css를 동적으로 로딩하는 방법이 소개되었으니, 구체적인 내용은 직접 테스트해 보시는 걸 추천드립니다. 구현에는 문제가 없습니다.
|
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31