ホームページ >バックエンド開発 >PHPチュートリアル >PHPでJavaScriptまたはCSSファイルを動的にロードする方法

PHPでJavaScriptまたはCSSファイルを動的にロードする方法

WBOY
WBOYオリジナル
2016-07-25 08:59:50986ブラウズ
  1. <script>tester();</script>
复制代码

test6.php

  1. header('Content-Type: application/x-javascript; charset=UTF-8');
  2. $str = $_GET["str"];
  3. ?>
  4. // javascript ドキュメント
  5. // by bbs.it-home.org
  6. alter('');
  7. 関数テスター(文字列)
  8. {
  9. 文字列 ?アラート(文字列) : アラート('テスターという名前の関数を呼び出します');
  10. }
  11. ?>
复制代

第二の方法: テスト.php

  1. <スクリプト>
  2. 関数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)) return ;
  7. script.onload = script.onreadystatechange = script.onerror = null;
  8. script.src = '';
  9. script.parentNode.removeChild(script);
  10. スクリプト = null;
  11. コールバック();
  12. }
  13. script.charset = "gb2312";
  14. script.src = URL;
  15. {
  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 loadjs(url[i],function(){ a.suc++; if(a.suc == a.len) try{callback() ;}キャッチ(e){} });
  25. }
  26. }
  27. else if(typeof(url) == 'string')loadjs(url,callback);
  28. }
  29. loadjs("test5.php?return=value",function(){alert(value); tester(value); });
复制代码

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. このドキュメントには #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;height:px;border:blue 1pxソリッド;}
    复制幣

    fonts.php

    1. // ファイルの出力を CSS として宣言します
    2. header('Content-type: text/css');
    3. // スクリプトをインクルードします
    4. //include('others. php');
    5. $size = $_GET['c'];
    6. body{font-family:arial;font-size:px;color:}
    コードをコピー
    これで、php で js と css を動的にロードする方法が紹介されました。自分でテストすることをお勧めします。特定の実装に問題があるかどうかを確認します。

    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。