Codeigniter: Cách bao gồm các tệp javascript

Question

Xin chào Tôi vừa bắt đầu làm việc với khung CodeIgniter. Cấu trúc thư mục hiện tại của tôi là

Demo(Project name) 
+System 
+Application 
    -Controllers 
     demo.php 
    +Model 
    -Views 
     view_demo.php 
-Js 
    ajax.js 
    jquery.js 

Vui lòng cho tôi biết cách bao gồm tệp .js trong view_demo.php.

Cảm ơn Raj

Answer 1

Bạn cần sử dụng base_url() để bao gồm tệp javascript trong VIEW của mình.

Vì vậy, trong file view_demo.php:

<script type="text/javascript" src="<?php echo base_url();?>js/jquery.js" ></script> 
<script type="text/javascript" src="<?php echo base_url();?>js/ajax.js" ></script> 

Bạn sẽ cần helper URL nạp. Để tải trình trợ giúp bạn cần phải đặt trên bộ điều khiển demo.php:

$this->load->helper('url'); 

Bạn cũng có thể tự động tải trên \ config \ autoload.php trên mảng trợ giúp.

Thông tin thêm về BASE_URL(): http://www.codeigniter.com/user_guide/helpers/url_helper.html#base_url

Answer 2

Bạn sẽ không bao gồm các file JS trong PHP, họ sẽ được xuất ra như thẻ script trong HTML bạn sản xuất mà bạn có thể được sản xuất như đầu ra từ kịch bản PHP.

Theo như tôi biết, không có hàm CodeIginiter được tích hợp để bao gồm đầu ra này giống như cho CSS sử dụng hàm link_tag() do CI cung cấp. Tôi đã thêm một hàm có tên là script_tag() vào tệp system/helpers/html_helper.php từ CI. Chức năng là:

if (! function_exists('script_tag')) { 
    function script_tag($src = '', $language = 'javascript', $type = 'text/javascript', $index_page = FALSE) 
    { 
     $CI =& get_instance(); 
     $script = '<scr'.'ipt'; 
     if (is_array($src)) { 
      foreach ($src as $k=>$v) { 
       if ($k == 'src' AND strpos($v, '://') === FALSE) { 
        if ($index_page === TRUE) { 
         $script .= ' src="'.$CI->config->site_url($v).'"'; 
        } 
        else { 
         $script .= ' src="'.$CI->config->slash_item('base_url').$v.'"'; 
        } 
       } 
       else { 
        $script .= "$k=\"$v\""; 
       } 
      } 

      $script .= "></scr"."ipt>\n"; 
     } 
     else { 
      if (strpos($src, '://') !== FALSE) { 
       $script .= ' src="'.$src.'" '; 
      } 
      elseif ($index_page === TRUE) { 
       $script .= ' src="'.$CI->config->site_url($src).'" '; 
      } 
      else { 
       $script .= ' src="'.$CI->config->slash_item('base_url').$src.'" '; 
      } 

      $script .= 'language="'.$language.'" type="'.$type.'"'; 
      $script .= ' /></scr'.'ipt>'."\n"; 
     } 
     return $script; 
    } 
} 

Sau đó, trong mã PHP của bạn, bạn có thể làm:

echo script_tag('content/js/jquery-1.4.2.js'); 

Answer 3

Chỉ cần sử dụng các tiêu chuẩn:

<script src="/path/to/file.js" type="text/javascript" charset="utf-8"></script> 

bên trong tầm nhìn của bạn! (Không phải bên trong các thẻ PHP, tất nhiên.) Tôi không nghĩ rằng trình trợ giúp HTML CodeIgniter có bất kỳ chức năng nào mà bạn có thể sử dụng để thay thế cho việc tự viết HTML.

Answer 4

tôi lưu trữ javascript của tôi trong một thư mục con của thư mục quan điểm của tôi vì vậy các đường dẫn tập tin là liên quan đến quan điểm được gọi và tôi bỏ qua BASE_URL().

Một kỹ thuật khác mà tôi đã sử dụng là xác định một loạt các tập lệnh để bao gồm trong bộ điều khiển của tôi, sau đó lặp qua mảng trong chế độ xem của tôi để bao gồm chúng. Điều này cho phép tôi bao gồm các chức năng js đặc biệt chỉ khi cần thiết.

$data['scripts to load'] = array('edit.js','menu.js', 'contact.js'); 
$this->load->view('myview'); 

Sau đó, trong giao diện

<?php foreach($scripts_to_load as $script):?> 
      <script type='text/javascript' src = 'my_js/<?php echo $script;?>'> 
<?php endforeach;?> 

Nếu bạn có tập tin kịch bản mà có được nạp trên mỗi trang, bạn khó có thể mã hóa chúng theo quan điểm của chân bạn như được mô tả trong các câu trả lời khác.

Answer 5

Kiểm tra Thư viện mẫu CodeIgniter của Phil Sturgeon. Chúng tôi sử dụng phiên bản sửa đổi của nó tại nơi làm việc. http://philsturgeon.co.uk/code/codeigniter-template