1 WordPress文章內(nèi)添加JS代碼方法
系統(tǒng)學(xué)過建站技術(shù)的SEO高手，都知道如何簡單使用JavaScript程序。
網(wǎng)絡(luò)上有很多別人分享出來的、好用的JavaScript代碼。
如果你可以在WordPress文章里添加JS代碼，必能讓文章生色不少。
在WordPress文章中，添加JavaScript代碼是非常簡單的。
接下來，我們將會為你分享：如何在WordPress文章中，添加 JavaScript 代碼程序？
通常有2種添加JS代碼的方式：
第一種方法，直接在WordPress文章中編寫JavaScript。
以下是打印“Hello World！”文字的示例?▼
<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>
這是在WordPress文章中，執(zhí)行JavaScript后顯示“Hello World！” ▼
第二種方法，將JavaScript代碼寫入單獨(dú)的文件。
然后在需要插入JavaScript的WordPress文章中，通過WordPress文本編輯器調(diào)用JavaScript文件。
以下示例是在WordPress文章中，打印“Hello World”文本?▼
<script type="text/javascript" src="https://img.wordpressx.com/javascript/hello.js">// <![CDATA[ // ]]></script>
JavaScript文件hello.js的內(nèi)容?▼
document.write("Hello World");
在WordPress文章中添加JavaScript代碼所顯示的結(jié)果?▼
互聯(lián)網(wǎng)上有許多好玩又有用JavaScript代碼。
現(xiàn)在舉例說明如何使用它們？
在WordPress文章中打印今天的日期。
將以下JavaScript date.js文件，插入到WordPress文章中?▼
<script type="text/javascript" src="https://img.wordpressx.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
// call function if required.
// ]]></script>
以下是 date.js 文件的 JavaScript 內(nèi)容?▼
var calendarDate = getCalendarDate();
document.write("Today is: " + calendarDate);
function getCalendarDate()
{
?? var months = new Array(13);
?? months[0]? = "January";
?? months[1]? = "February";
?? months[2]? = "March";
?? months[3]? = "April";
?? months[4]? = "May";
?? months[5]? = "June";
?? months[6]? = "July";
?? months[7]? = "August";
?? months[8]? = "September";
?? months[9]? = "October";
?? months[10] = "November";
?? months[11] = "December";
?? var now???????? = new Date();
?? var monthnumber = now.getMonth();
?? var monthname?? = months[monthnumber];
?? var monthday??? = now.getDate();
?? var year??????? = now.getYear();
?? if(year < 2000) { year = year + 1900; }
?? var dateString = monthname +
??????????????????? ' ' +
??????????????????? monthday +
??????????????????? ', ' +
??????????????????? year;
?? return dateString;
} // function getCalendarDate()
以下是WordPress文章中JavaScript執(zhí)行今天的日期的結(jié)果?▼
以下是本文中執(zhí)行的JavaScript文件date.js的結(jié)果?▼
要將JS代碼插入到文章中，你需要WordPress編輯器切換到文本模式。
需特別注意<script>和</ script>之間不能有換行。
如果有換行，WordPress將自動處理為段落，自動加上導(dǎo)致JS腳本代碼失效的p標(biāo)簽。
這里還有更多關(guān)于WordPress?JavaScript代碼的文章?▼
WordPress如何指定文章頁面加載JavaScript/CSS代碼？
在制作WordPress主題時，如果有一個特定的JavaScript或CSS代碼，出現(xiàn)在WordPress的特定頁面上，它只會被使用一次。應(yīng)該把代碼放在哪里？ Style.css還是base.js？但這樣做的成本有點(diǎn)大?！?/p>
如何讓W(xué)ordPress延遲加載JavaScript加速頁面渲染？
WordPress延遲加載JavaScript，來加速頁面渲染方法。什么是JavaScript的Defer屬性？每個人都可能遇到過這種情況：head中有N個腳本，在加載腳本時，會阻塞頁面渲染，這通常是空白的。 ……
WordPress如何適當(dāng)引入JavaScript？自定義加載JS和CSS文件
用WordPress建站的程序員，在開發(fā)WordPress插件或定制WordPress主題時，會引用一些JavaScript和CSS腳本資源。通常，人們直接為HTML使用link、script標(biāo)記。 實(shí)際上，WordPress內(nèi)……
希望我們網(wǎng)站（ http://news.qtyiliao.cn/ ） 分享的《如何在WordPress文章內(nèi)添加JavaScript代碼？》，對您有幫助。
