WIKI使用導(dǎo)航
站長百科導(dǎo)航
站長專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計算
- 微博營銷
- 虛擬主機管理系統(tǒng)
- 開放平臺
- WIKI程序與應(yīng)用
- 美國十大主機
WordPress:Using Javascript
Javascript會在WordPress內(nèi)部運行。如果Javascript用在模板文件中,大多數(shù)Javascript運行良好。但是在文章中使用Javascript就另當別論了。
你一旦輸入了PHP,很難返回使用Javascript,但是Javascript仍然有用。如果你能夠用PHP編碼,標簽,或者WordPress中的腳本來代替Javascript,就這樣做。你的生活會變得更加簡單。如果不能夠代替,下面有一些方法,能夠使Javascript在WordPress中運行。
模板文件中的Javascript[ ]
要在你的站點內(nèi)部不斷地使用Javascript,你可以設(shè)置Javascript的call,或者設(shè)置腳本本身,在你的header.php模板文件的標頭上設(shè)置,在meta 標簽和樣式表鏈接之間,如果你在任何HTML網(wǎng)頁中使用Javascript,你也會得到同樣的結(jié)果。要將Javascript文件"載入"你的站點,你要在標頭中添加以下的內(nèi)容:
<script type="text/javascript" src="/scripts/emailpage.js"></script>
要確定你正確地定義了type,因為沒有type,你的站點就不會生效。
在你想要使用Javascript的地方,設(shè)置Javascript的命令。例如,你使用一個Javascript,這個Javascript為用戶設(shè)置一個鏈接,向一個朋友"發(fā)送電子郵件,內(nèi)容是這個網(wǎng)頁",你希望這個鏈接在文章標題的下面。鏈接可能看起來像:
<h3 class="storytitle"> <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?></a> </h3> <div class="emailpage"> <script type="text/javascript"> <!-- emailpage(); //--> </script> </div>
文章中的Javascript[ ]
要在WordPress中的文章內(nèi)使用Javascript,你還需要采取一些措施。問題是這個用法可能只適用于一個或者幾個例子,因此在標頭上添加腳本可能是不必要的。
對于偶爾的或者一次性的使用Javascript,你需要將腳本放到一個Javascript文件中,然后在文章中調(diào)用腳本。要確定每個腳本都由它的函數(shù)名定義了,例如:
function updatepage(){var m="Page updated "+document.lastMo.......}
要在一篇文章中包含一個Javascript,你需要將腳本文件的call和Javascript自身的call結(jié)合起來。
<script type="text/javascript" src="/scripts/updatepage.js"></script> <script type="text/javascript"> <!-- updatepage(); //--></script>
如果你的javascript標簽的src屬性被去除了,你需要關(guān)閉豐富功能的編輯器(在dashboard,進入用戶>個人選項)。如果你正使用多功能的編輯器,即使在HTML彈出窗口中手工編輯,Javascript的標簽的src屬性也會被去除。
創(chuàng)建一個多腳本文件[ ]
你可能收集了一些腳本,供不時地調(diào)用,例如一個腳本來計算時區(qū)或者距離,或者一個腳本在你的網(wǎng)頁上產(chǎn)生一些效果或者特色。對于recurring Javascript,考慮將他們組合在一個文件中。
在這個例子中,給Javascripts文件命名為scriptfile.js(選擇任何你喜歡的)并且說明,這個文件包含有updatepage, emailpage,和caltimezone 腳本。當你將每個Javascript復(fù)制到文件中的時候,要確定這個Javasript擁有一個獨特的函數(shù)名,就如這個濃縮的版本一樣:
function updatepage() {var m="Page updated "+document.lastMo.......} function emailpage() {mail_str = "mailto:?subject=....} function caltimezone() {var timerID ; function tzone(tz, os, ds, cl) {this.ct =......}
將所有的Javascript的腳本文件放入header.php模板文件的標頭,在meta標簽和樣式表鏈接的之間。這個腳本文件只會保存在那兒,載入到瀏覽器的內(nèi)存中,等待其它的一個腳本得到調(diào)用。
<script type="text/javascript" src="/scripts/scriptfile.js"></script>
在文章中,你想要使用Javascript的地方,稱這個位置為:
<script type="text/javascript"> <!-- updatepage(); //--></script>
在一篇文章或者一個網(wǎng)頁中使用多個Javascript文件[ ]
當使用多個Javascript文件中的函數(shù)的時候,在header.php中寫上所有的Javascript參考。如果你真的需要在文章或者網(wǎng)頁的主體部分寫上腳本參考,要確定javasctipt文件的URL以前斜線開始的("/"),這個前斜線是你的網(wǎng)絡(luò)服務(wù)器的文件根 (在 Apache網(wǎng)絡(luò)服務(wù)器中是"htdocs"目錄)。這稱作一個固定的 URL.。如果你沒有規(guī)定以斜線("/")開始,就會變?yōu)橐粋€相對的URL ("../../relative/path/to/javacripts/file.js") 而且在目錄結(jié)構(gòu)中 是相對與當前的位置來計算的 。如果你真的這樣做了,你幾乎需要維護這個參考的多個版本 因為顯示的內(nèi)容的不同的部分是從不同的locations中產(chǎn)生的。例如, 網(wǎng)頁是產(chǎn)生于 WordPress 根目錄中的 .php t模板文件 (注意這不是 網(wǎng)絡(luò)服務(wù)器的文件根) 然而文章產(chǎn)生于 所選主題目錄的 .php 模板文件中("/path-to-wordpress-root/wp-content/themes/yourtheme/partofpost.php").這是兩個不同的路徑。
發(fā)現(xiàn)并解決 Javascript的問題[ ]
如果將Javascript包含到一篇文章中時,你遇到了麻煩,使用文本控制插件 能夠使你以全部文章或者每篇文章為基礎(chǔ),控制關(guān)閉WordPress的自動格式化功能,這個功能能夠迅速地將代碼轉(zhuǎn)變?yōu)橐恍┛勺x的內(nèi)容而不是可執(zhí)行的內(nèi)容。設(shè)置文章中的選項,你就能夠使用Javascript 不形成格式或者 標記 或者nl2br 或者 字符格式。你可能試驗一下,以使Javascript執(zhí)行以上任務(wù)。作為提醒,當使用文本控制插件的時候,你必須首先保存并繼續(xù)編輯文章以便看到文本控制插件選項。
如果你選擇了沒有格式,你的文章的文本會混雜在一起,因此你需要添加段落標簽和其它的HTML標簽,以將你的網(wǎng)頁形成一種格式,就像WordPress經(jīng)常為你的網(wǎng)頁產(chǎn)生的那種格式那樣。
如果你的Javascript沒有運行,檢查三次看看你將Javascipt剪貼并且復(fù)制到一組或者某個單一的文件上時,你是否犯了一些錯誤。要確定你使用了一個文本編輯器而不是一個文字處理系統(tǒng),創(chuàng)建Javascript文件。在腳本文件和你的站點上檢查函數(shù)的名稱。并不是所有的Javascript都能夠運行,有的可能與你的PHP命令相沖突,但是這種情況很少見。
如果你使用這個的時候,真的遇到了麻煩,WordPress 支持論壇可能會幫助你。