將載入Google Plus One的JavaScript改寫成非同步載入寫法

原有的 Google Plus One (G+) 的同步載入 JavaScript 寫法假設是:

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>
{lang: ‘zh-TW’}
</script>

改寫成非同步載入寫法後變成這樣:

<script type=”text/javascript”>
window.___gcfg = {lang: ‘zh-TW’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

非同步載入執行JavaScript的寫法

說明:
網頁 HTML 內的 JavaScript (JS) 程式碼改寫成「非同步載入並執行」(asynchronized JavaScript)後可讓原本 HTML 頁面呈現的時間變快、而不去卡住原本主頁面的渲染時間。
這一篇將簡短說明如何將(網頁內)以下這段同步載入並執行的 JavaScript 碼範例改寫成非同步載入並執行的方式運作: Continue reading “非同步載入執行JavaScript的寫法”

Google 的 +1 指標 (plusone): 新增 +1 按鈕讓訪客在 Google 上推薦您的網站

[HTML][JS][WEB] Google 的 +1 指標 (plusone): 新增 +1 按鈕讓訪客在 Google 上推薦您的網站
Google Plus One (+1) Button, How to Add Google +1 Button to your Website

Facebook 有可以按「讚」的按鈕 (like button) 放在網頁上推薦該網頁 URL,而 Google 最近也推出了類似的功能:「+ 1 按鈕 (plusone)」,可以用來 “+1 您的網站/網頁”,意即按下 +1 按鈕,喜愛您內容的人就能在 Google 搜尋上或是您網站的頁面上進行推薦。但是要如何將「+ 1 」按鈕加進網頁中,讓您的網站或特定某個網頁 URL 脫穎而出呢?請看下文說明如何建立自訂 +1 按鈕。 Continue reading “Google 的 +1 指標 (plusone): 新增 +1 按鈕讓訪客在 Google 上推薦您的網站”

[HTML][JS] 相容於 IE 和 FireFox 的 options.add() 寫法

[HTML][JS] 相容於 IE 和 FireFox 的 options.add() 寫法.

var oOption = document.createElement(“OPTION”);
document.getElementById(“IdOfOpt”).options.add(oOption);
oOption.Text = “顯示的文字”; // 或用 oOption.innerText = “…”
oOption.Value = “數值”;

如果是在「子視窗」想對「父視窗」的 options 元件新增一欄位,則用以下程式取得 oOption:

var oOption = parent.opener.document.createElement(“OPTION”);


這篇文章的關鍵字:

IE6, FireFox, document.createElement(“OPTION”), select, parent.opener

[HTML][JS] 為 textarea 增加 maxlength 屬性

[HTML][JS] 為 textarea 增加 maxlength 屬性

o 如果只是單純地想限制 textarea 中的字數,不想寫太多的話,可用:

[cc lang=”javascript” width=”100%”][/cc]

[cc lang=”javascript” width=”100%”][/cc]

o 在 textarea 的 onkeyup 中檢查字數之方法:

Continue reading “[HTML][JS] 為 textarea 增加 maxlength 屬性”