2018.12 « 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 » 2019.02

讓你的Blog學會在火狐娘面前吐舌頭!

好吧,今天折騰了一整天就是為了這個。
這原因實在太漏了,我決定在這兒寫一寫如何讓IE、火狐、Chrome瀏覽器裡都能展現
伸縮自如的部落格內文

這段是應該貼在<head>與</head>之間的JavaScript代碼


接著是顯示內文的語法:


下面是一個範例:
點我他就會跳出來

咳…應該非常簡單易懂。
(無知的我又發現JavaScript好像不能用Function Overload……)

整個函式只分為2部份:
1)判別被傳回(咦是這樣說的嗎)的id內碼的內容
2)修改該id的css代碼

如果:被傳至ok()函式的id
(在這兒指的是test,即是id為test的div標籤內的內容)的css代碼display為none(不顯示)
在連結啟動ok()函式時(OnClick="JavaScript:ok('test');")
即把id為test的div標籤的css代碼更改為display:block(顯示)。
反之,把其定義為display:none(就是縮回去)

於是,這個小程序只是表示顯示與不顯示而已,並沒有包含什麼再次寫入。

但是為什麼會出問題呢…問題在這裡:
一般,在IE裡以JavaScript取得html內的id標籤,可以透過all(id)進行,
亦即是document.all(id).style.display="block";
但是在FireFox裡,只能使用getElementById(id)函式取得html內的標籤內容……………………

這代表我真是個蠢材!!!……不對,Firefox是個蠢材!!!!
(啊,不過某些函式的禁用也可以是保障安全的一種做法…別…別誤會MF了……)

這個簡單的部落格程序能體現JavaScript跟CSS的配合和修改,對於撰寫一些互動的網頁很有幫助
(像是按按鈕換背景圖、背景色之類云云……)

我本人對程序也不是很高手,希望寫寫這些對大家有幫助或是互相切磋下……
靠我覺得程序名詞寫中文真的有種很專業的感覺!(被摔打)

Post a comment

Private comment

搬家第一腳……!【踩上去
=3=

二姊!!!!=3=

三妹你太牛x了!
看着这堆代码以为走错了bo……

原始不是我寫的,只是原始那個不能用在FIREFOX跟CHROME上,
我就跑了去找解決方法再把代碼修改解釋OTL
Sticker
X
自己満足です。

 

日本タルタロス
ロトモド(艾柯)合本應援中
Plurk
Huge Cave
Adopt one today!
XeonsisTerra
Adopt one today!
ZamirScarlet
Adopt one today!
FritzMinefield
Adopt one today!
SvetlanaTourmaline
Adopt one today!
ElianSkyquake
Adopt one today!
GaiusStardust
Monthly Quest
The Controller

Pixiv

Author:M.Tsuki
出沒注意。
多媒體系苦勞大學生
腦子有問題‧認真過度
存活在異空間‧OLG中毒
非人類危險生物

Boxes
Wanted
Recent Treasure
Trackback
Search
Sailing Route
 愉快的夥伴們:
  買定離手
  +熊仔底裤+
  Estheticism
  FireworkLAnd
  花花與他愉快的夥伴們//
  [木已成舟,人已成年]
  -[荔枝角公园.]

 SY的孩子們:
  勒古巷

 自己本家:
  Ark*Textcube
  Ark*WordPress
RSS
Friends

和此人成为好友