我的個人部落格
-- 探討網頁程式與生活的園地 --
網頁
首頁
1me網站導覽
2026年5月4日 星期一
JavaScript 匿名函式作為物件方法的回傳值範例
在
JavaScript
中,匿名函式作為物件方法的回傳值時,在「非嚴格模式(non-strict mode)」且以普通函式呼叫執行時, this 會指向全域物件(瀏覽器中為 window 物件)。
在嚴格模式(strict mode)下,this 會是 undefined。
以下是本範例程式碼:
Read more »
2025年5月25日 星期日
掌握 HTML 元素層級:深入 z-index 與 Stacking Context
在網頁排版與元素定位的過程中,
position
和
z-index
是非常常見,但也容易令人混淆的
CSS
屬性。本文透過一段簡單的
HTML
+ CSS 範例,探討「子元素的位置」如何受到這些屬性的影響,並進一步解析
Stacking Context
(堆疊上下文)的運作邏輯。
範例程式碼如下:
<div style = "
position: relative
; width: 300px; height: 300px; background: lightyellow; top: 150px; left: 250px; border: 2px solid; z-index: -2;">
<div style = "
position: absolute
; z-index: 77; top: 5px; left: 90px; width: 60px; height: 70px; background: lightgreen;">lll
<div style = "position: absolute; top: 8px; left: 20px; z-index: 89; width: 300px; height: 30px; background: violet;">AAAAAAAAAA</div>
</div>
<div style = "position: absolute; z-index: 88; left: 70px; top: 22px; width: 60px; height: 40px; background: lightblue;">BBBBB</div>
<div style = "position: absolute; z-index: 99; left: 80px; top: 33px; width: 60px; height: 40px; background: lightgray;">CCCCC</div>
</div>
Read more »
2025年2月18日 星期二
燒香拜神會不會影響鄰居?本文以中立客觀的角度論述
在特定的宗教節日,許多民眾會在家裡燒香、點蠟燭,為家人祈求平安與福氣。這樣的行為出於善念,屬於個人信仰自由範疇。
然而,當這些行為伴隨著大量煙氣,並擴散至通風不佳的公共區域時(例如電梯廳),是否可能影響鄰居的生活品質與健康?
Read more »
2024年12月16日 星期一
新北市市長信箱能為你做些甚麼- 我的經驗談(一)
自2021年起,我長期飽受隔壁住戶燒香行為的影響,他們會任意讓燒香的氣味排放到梯廳中,濃烈的煙味不僅對本人及家人的生活造成極大困擾更對健康構成威脅。
Read more »
2024年11月3日 星期日
C語言:初始化字元變數與字串的範例
在 C 語言中,初始化一個字元變數的方式如下:
char ex1 = 'A'; // 使用單引號將字元 A 框起來
要初始化一個字串,則使用雙引號將字串框起來。例如:
char *ex1DW1 = "where";
Read more »
2024年9月30日 星期一
我完全不懂 HTML 網頁,我想儘快完成一個簡易的網頁作品:HTML 網頁入門
從未接觸過
HTML
的朋友,不必擔心,這篇文章將帶你一步步完成你的第一個簡易 HTML 網頁。透過以下六個步驟,你將能看到你的作品在瀏覽器上呈現。
Read more »
C 程式語言:使用 malloc() 函數及多重指標建立三維陣列的範例
C 語言的多重指標結合
malloc
() 函數的威力非常強大,只需簡短幾行程式碼即可建立動態的多維陣列。本範例為 int 資料型態大小 3*3*3 三維陣列,程式碼如下:
Read more »
JavaScript 區域變數、全域變數及函數作用域範例
在
JavaScript
中,全域變數作用域與函數內宣告的區域變數作用域彼此獨立,但在特定情況下可能互相干擾。以下為 6 個測試範例展示這些差異:
Read more »
2024年8月11日 星期日
C 語言:int main (int argc, char *argv[]) 的範例
範例程式碼如下:
#include<stdio.h>
#include<stdlib.h>
int main (int
argc
, char *argv[])
{
printf("%s %s %s %d", argv[0], argv[1], argv[2], argc);
return 0;
}
Read more »
2024年8月10日 星期六
掌握 JavaScript 建構函式 constructor:以自訂物件為例
在
JavaScript
中,建構函式 (
Constructor Function
) 是一種建立自訂物件的常用方式。透過 this 關鍵字與
prototype
屬性,我們可以快速定義物件的屬性與方法,並產生多個具備相同行為與特性的實例 (
instance
)。
本篇文章將透過一個簡單的範例,帶你理解建構函式的基本用法與原型方法的設計方式。
建構函式是什麼?
建構函式本質上是一個普通的函式,但搭配 new 關鍵字來使用時,他會產生一個新的物件實例,並將 this 指向該物件。我們可以在函式中定義屬性及方法,也可以透過 prototype 加入方法,讓所有物件實例共用。
Read more »
2024年5月16日 星期四
HTML meta 標籤的 name 屬性的屬性值 viewport 範例
當我們完成一個新的 HTML 網頁文件,並準備上傳至網路供大家瀏覽時,可能會發現不同廠牌或不同規格的手持式行動裝置上,使用者的體驗會有不同。以下是本範例的程式碼:
Read more »
2018年11月21日 星期三
HTML div 排版範例
CSS 結合 HTML 的 div 元素,可以創造出多樣的排版效果。本範例展示了一個三段式的排版應用。範例程式碼如下:
Read more »
2018年10月17日 星期三
JavaScript 多維陣列範例
本篇網頁探討 JavaScript 多維陣列。本範例為四維陣列,經實際執行過,確認可行。
Read more »
首頁
訂閱:
文章 (Atom)