此篇文章受密碼保護，請輸入密碼後閱讀。
- 10月 28 週一 202418:53
asm51 test
- 9月 30 週一 202417:54
JavaScript: 客製化 highligh.js
由於我在 pixnet 部落格裡撰寫程式及網頁技術的文章, 給程式上色這個需求一直都是使用套件 highlight.js. 不過有幾個地方總是不那麼滿意: 像是用於 linux 指令或批次檔的 <code class="language-bash"> 或者用於 Windows 命令提示字元 (CMD 指令或批次檔) 的 <code class="language-dos">, 它們總是會少幾個指令沒有上到色. 下面幾個方法是我這幾年來自己琢磨出來的修正 bash 和 dos 這二類程式區塊上色問題的辦法, 在此分享給有需要的朋友.
- 9月 22 週四 201600:55
JavaScript: 如何轉換 Regular Expression 變成 RegExp() 的參數
本篇假設你已經學過一些正規表示式 (regular expression), 如果你對 regular expression 完全沒概念, 或者有些式子看不懂, 就要麻煩你先讀一下 JavaScript 的 regular expression 的說明.
- 8月 02 週二 201614:02
Javascript: 移除 styleSheets 中不合適的樣式設定
前言
會寫這一篇, 說真的有點無奈, 並非針對痞客邦惡搞來的 (畢竟他提供了一個免費的部落格, 讓我不用花錢就有個人網站, 高興的時候隨時可以發表一下). 寫這一篇純粹只是想要記錄及分享如何克服痞客邦網站上一些不是那麼恰當的設定而已.
會寫這一篇, 說真的有點無奈, 並非針對痞客邦惡搞來的 (畢竟他提供了一個免費的部落格, 讓我不用花錢就有個人網站, 高興的時候隨時可以發表一下). 寫這一篇純粹只是想要記錄及分享如何克服痞客邦網站上一些不是那麼恰當的設定而已.
- 8月 07 週五 201510:27
Tryit Editor 雛型 (HTML/CSS/Javascript 測試程式)
在 w3school 網站上的網頁中常會有可以讓讀者 "邊學邊試的網頁" 連結.
進入 w3school 的 "邊學邊試" 頁面
- 7月 22 週三 201516:15
使用 Javascript 修改 stylesheet
下面範例中的 setStyleRule() 可以用來動態增加 stylesheet 中的項目(selector), applyClass() 則可以用來為物件刪除/附加新的 CSS Style Class (只能是 class).
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="ext_style.js"></script>
<script type="text/javascript">
function fnInit() {
setStyleRule("", "#id1", "color:blue;");
}
window.addEventListener('load', fnInit);
</script>
</head>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>
</body>
</html>
1
程式 (3)