使用 Java Script 的模式 設置連入的外連檔案


在較具彈性的網頁設計上,常常必需導入一些外部的檔案,來改變網頁的設定或是版面的配置,

例如導入CSS 的設定,照一般的習慣可以在 <head>在這裡貼上以下原始碼設置連入的CSS檔案 </head>,以下這段原始碼不貼在 head 的 Tag 範圍內也可以發生作用。

 

  1. <script type="text/javascript">
  2.         var headID = document.getElementsByTagName("head")[0];   // 透過Tag取得 head 的控制項
  3.         var newCss = document.createElement('link');             // 建立一個連入(link)的控制項 newCss
  4.         newCss.type = "text/css";                                // 將 newCss 的 type 設成 text/css
  5.         newCss.rel = "stylesheet";                               // 將 newCss 的 ref 設成 stylesheet
  6.         headID.appendChild(newCss);                              // 在 head 控制項下增加 連入的 newCss 項目
  7.         newCss.href = "css/test01.css";                          // 連入檔案的路徑
  8. </script>





[本日志由 FindSome 于 2014-08-14 08:26 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: JavaScript CSS
相關日誌:

评论: 0 | 引用: 0 | 查看次数: 690
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭