>백엔드 개발 >PHP 튜토리얼 >PHP에서 JavaScript 또는 CSS 파일을 동적으로 로드하는 방법

PHP에서 JavaScript 또는 CSS 파일을 동적으로 로드하는 방법

WBOY
WBOY원래의
2016-07-25 08:59:50979검색
  1. <script>테스터();</script>
复代码

test6.php

  1. header('Content-Type: application/x-javascript; charset=UTF-8');
  2. $str = $_GET["str"];
  3. ?>
  4. // 자바스크립트 문서
  5. // by bbs.it-home.org
  6. Alert('');
  7. function tester(string)
  8. {
  9. string ? 경고(문자열) : 경고('테스터라는 함수를 호출했습니다.');
  10. }
  11. ?>
复代码

第二种방법: 테스트.php

  1. <스크립트>
  2. function loadjs(url,callback){
  3. var head = document.getElementsByTagName("head")[0];
  4. var script = document.createElement('script');
  5. script.onload = script.onreadystatechange = script.onerror = function (){
  6. if (script && script.readyState && /^(?!(?:loaded|complete)$)/.test(script. ReadyState)) 반환;
  7. script.onload = script.onreadystatechange = script.onerror = null;
  8. script.src = '';
  9. script.parentNode.removeChild(스크립트);
  10. 스크립트 = null;
  11. 콜백();
  12. }
  13. script.charset = "gb2312";
  14. script.src = url;
  15. try {
  16. head.appendChild(script);
  17. } catch(exp) {}
  18. }
  19. function loadmultijs(url,callback){
  20. if(Object.prototype.toString.call(url)==='[object Array ]'){ //是否数组
  21. this.suc = 0; //加载计数
  22. this.len = url.length; //회전율
  23. var a = this;
  24. for(var i = 0;i < url.length;i ){
  25. loadjs(url[i],function(){ a.suc ; if(a.suc == a.len) try {callback();}catch(e){} });
  26. }
  27. }
  28. else if(typeof(url) == 'string') loadjs(url,callback);
  29. }
  30. loadjs("test5.php?return=value",function(){ 경고(값); tester(값); });
复代码

test5.php

  1. var value="값입니다.";
复代代码

加载多JavaScript文件的实例:

  1. var url = [
  2. 'ajax.php?ajax=1',
  3. 'functions.js'
  4. ];
  5. loadmultijs(url,function(){ Alert("加载完毕。"); /* 这里可以调用动态加载的JS文件的数据或방법 */ });
제제대码

2. 动态加载css文件 테스트.php

  1. <본문>
  2. 이 문서에는 #e4e4e4 배경, 300px/400px div 및 arial/24px/red 단어가 있습니다.
  • 复代码

    div.php

    1. // 파일의 출력을 CSS
    2. header('Content-type: text/css')로 선언합니다. ;
    3. // 스크립트 포함
    4. //include('others.php');
    5. $width = $_GET['w'];
    6. $height = $_GET['h'];
    7. ?>
    复代码
    1. div{width:px; 높이:px;border:blue 1px solid;}
    复代码

    fonts.php

    1. // 파일의 출력을 CSS
    2. header('Content-type: text/css')로 선언합니다. ;
    3. // 스크립트 포함
    4. //include('others.php')
    5. $size = $_GET['s']; _GET['c'];
    6. ?>
    7. body{font-family:arial;font-size:px;color: }
    코드 복사
    이제 php에서 js, css를 동적으로 로딩하는 방법이 소개되었으니, 구체적인 내용은 직접 테스트해 보시는 걸 추천드립니다. 구현에는 문제가 없습니다.


    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.