Re: [請益] include html和所在資料夾下的css js

作者: KawasumiMai (さあ、死ぬがいい)   2015-05-18 15:55:34
注意:
這篇的內容不是什麼正規的作法
可能有邪門歪道或多此一舉的疑慮
推 Rivety: 有試過<script>跟<link>,但是外部css會跟原本網頁的衝突 05/18 12:59
→ Rivety: 比如說有兩個body的style..我不想去新增原始檔案的css資料 05/18 13:00
→ Rivety: 的話, 有其他方法可以做到嗎? 謝謝大家的耐心.... 05/18 13:00
不太清楚你要做的東西是什麼
不過個人做過include那些東西所以說一下方法給你參考
一、如果網頁不是你的,你想要修改他的css樣式
1.你可以用php去讀他的網頁,並將其"修改後"再呈現
最簡單的方法就是file_get_contents取得html然後echo修改後的html
2.取代css的方法,基本上css也是可以覆蓋的
同樣的屬性只要宣告第二次就會以後面的為準
你可以在該html內的head標籤"最後面"插入自己的css宣告
只要css內針對每個屬性都進行數值變更應該就看不到原本的樣子
3.或者,你也可以乾脆將原始html的css宣告給砍掉,插入自己的再echo
你可能需要regex
二、如果網頁是你的,可是你想要做動態js跟css變更
而且又不想需要的時候又修改html....之類突發奇想
1.如果你想採用比較正規的作法
JS部分可以使用jquery的getscript
CSS部分可以使用@import
2.個人覺得這樣很麻煩而且又不太好管理
你可以採用這樣的做法
先在head引入jquery跟最基本loading用的js
js內容則是
在網頁載入完成時使用ajax,呼叫php取得回傳的"html"
該html的內容則是
<link ......css />
<script js />
之類的你想放在head的css跟js宣告
然後把這段html append到head標籤的最後方
這樣就完成載入了
3.由於complete事件應該已經發生了,無法啟動第二次
故如果新載入的js要進行初始化,可能要寫成init()之類的function
並且在ajax載入完之後呼叫他一次
作者: Rivety (no)   2015-05-19 11:06:00
大感謝啊!!

Links booklink

Contact Us: admin [ a t ] ucptt.com