Webページでよく使われるコード より基本的なもの
2022-01-30 23:46:46
<テーブル
<スパン
お気に入りに追加
説明
クリックすると、ブラウザのお気に入りメニューに登録されます。
コード
<span style="CURSOR: hand" onClick="window.external.addFavorite('https://www.jb51.net','Script House')" title="Script Home" >ブックマーク</span>.ScriptHouse;スクリプトハウス"スクリプトハウス;スクリプトハウス"スクリプトハウス"スクリプトハウス"
this.setHomePage('https://www.jb51.net');" style="CURSOR: hand"> ホームページとして設定する</span>
ウェブページの <body> タグ内に link のような属性がない場合、この効果は得られませんのでご注意ください。 コード <style TYPE="text/css">
<! --
A:link{text-decoration:none}。
A:visited{text-decoration:none}。
A:hover {color: #ff00ff;text-decoration:underline}のようになります。
-->
</style>
5分後にHTMLと閲覧しているページの間に以下のコードを追加すると、閲覧しているページが自動的にtarget.htmlのページに変わります。コード中の300 delayは、リフレッシュ時間（秒）です。target.htmlは移動したいターゲットページで、このページであれば、このページを自動的にリフレッシュします。 コード <meta http-equiv="refresh" content="300; url=target.html">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no, width=468,height=60,left=200,top=50") のようになります。
</script>
<! --
関数 clock(){i=i-1
document.title="This window will close automatically in "+i+"秒！".このウィンドウは自動的に閉じます。
if(i>0)setTimeout("clock();",1000);
else self.close();}。
var i=20
clock()です。
//-->
</script>
関数 helpor()
{
if (event.button==2)alert(' For viewing only! Thank you! And I'm sorry! ')
}
</script>
次に <body> を <body onmousedown="helpor_net()"> に変更します。
<! --
ボディ{font-size:9pt}。
td {font-size:9pt}の場合。
-->
</style>
<! --
関数statusMessageObject(p,d) {。
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "ようこそ! WWW.jb51.netへようこそ。
var scroll = new statusMessageObject()
関数scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {.
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {.
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
関数snapIn(jumpSpaces,position) {。
var msg = scroll.msg
var out = ""
for (var i=0; i<位置; i++)
{out += msg.charAt(i)}.
for (i=1;i<jumpSpaces;i++)
{out += " "}.
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {.
位置
if (msg.charAt(position) == ' ')
{position++ }.
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75} です。
その他
{jumpSpaces--}
if (位置 ! = msg.length) {.
var cmd = "snapIn(" + jumpSpaces + "," + position + ")"。
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""。
jumpSpaces=0
ポジション=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")"。
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
trueを返す
}
snapIn(100,0)です。
// -->
</script>
if(self!=top){top.location=self.location;}。
</script>
<テーブル <スパン トップページに設定する 説明 クリックすると、ブラウザのスタートページとして設定されます。 コード <span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)'となります。
this.setHomePage('https://www.jb51.net');" style="CURSOR: hand"> ホームページとして設定する</span>
<テーブル <スパン ハイパーリンクからアンダーラインを削除します。 説明 ハイパーリンクのアンダーラインを見るのが煩わしいときがありますが、次のコードをページのソースコード <head> と </head> の間に入れると、アンダーラインが消えますよ。
ウェブページの <body> タグ内に link のような属性がない場合、この効果は得られませんのでご注意ください。 コード <style TYPE="text/css">
<! --
A:link{text-decoration:none}。
A:visited{text-decoration:none}。
A:hover {color: #ff00ff;text-decoration:underline}のようになります。
-->
</style>
<テーブル <スパン ページの自動更新 説明 自動更新のページ
5分後にHTMLと閲覧しているページの間に以下のコードを追加すると、閲覧しているページが自動的にtarget.htmlのページに変わります。コード中の300 delayは、リフレッシュ時間（秒）です。target.htmlは移動したいターゲットページで、このページであれば、このページを自動的にリフレッシュします。 コード <meta http-equiv="refresh" content="300; url=target.html">
<テーブル <スパン このページを更新する 説明 クリックすると、このページが更新されます。 コード <a href="javascript:location.reload()" target="_self">Refresh</a>
<テーブル <スパン 前のページに戻る 説明 クリックすると前のページに戻ります。 コード <a href="javascript:history.back(-1)">Return to previous page</a>
<テーブル <スパン ポップアップ小窓 説明 以下のコードのページを開くと、468x60サイズの小窓がポップアップします。 "window.html"はポップアップウィンドウに表示するページです。ツールバー、ステータス、メニューバー、スクロールバーは、小窓にツールバー、ステータスバー、メニューバー、スクロールバーがあるかないか、リサイズ可能は小窓のサイズを閲覧者が変更できるかどうか、幅と高さは小窓の幅と高さを設定してください。(しかし、このような小さなウィンドウは一般的に人気がありません！）。 コード <script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no, width=468,height=60,left=200,top=50") のようになります。
</script>
<テーブル <スパン 自動的にウィンドウを閉じる 説明 ページのソースコードに以下のコードを追加すると、20秒後にウィンドウが自動的に閉じます! これはポップアップウィンドウに最適です。i=20"というコードは、閉じるまでの時間が20秒であることを意味しており、任意に変更することができます。 コード <script language="javascript">
<! --
関数 clock(){i=i-1
document.title="This window will close automatically in "+i+"秒！".このウィンドウは自動的に閉じます。
if(i>0)setTimeout("clock();",1000);
else self.close();}。
var i=20
clock()です。
//-->
</script>
<テーブル <スパン ◆ページの保護 説明 せっかく書いた文章を簡単にコピー&ペーストされたくない場合は、HTMLに以下のコードを追加するとよいでしょう。Webページでマウスの右ボタンを押すと、目的のショートカットメニューではなく、警告ウィンドウが表示されます。は改行を表します。 コード <script language="JavaScript">
関数 helpor()
{
if (event.button==2)alert(' For viewing only! Thank you! And I'm sorry! ')
}
</script>
次に <body> を <body onmousedown="helpor_net()"> に変更します。
<テーブル <スパン フォントサイズ固定 説明 ブラウジング中にブラウザのフォントサイズを大小にすると、せっかくきれいにレイアウトされたWebページがすぐに変わってしまうという経験はありませんか？フォントサイズが変わったのですから、当然レイアウトはぐちゃぐちゃになります。そこで、ページのソースファイルの <head> と </head> の間に以下のコードを追加するだけです（ <font> タグで定義したテキストには無効です）。 コード <style type="text/css">
<! --
ボディ{font-size:9pt}。
td {font-size:9pt}の場合。
-->
</style>
<テーブル <スパン ステータスバーに動的なウェルカムメッセージを表示 説明 ブラウザのステータスバーに表示される、左から順番に表示されるウェルカムメッセージです。 コード <script language="JavaScript">
<! --
関数statusMessageObject(p,d) {。
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "ようこそ! WWW.jb51.netへようこそ。
var scroll = new statusMessageObject()
関数scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {.
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {.
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
関数snapIn(jumpSpaces,position) {。
var msg = scroll.msg
var out = ""
for (var i=0; i<位置; i++)
{out += msg.charAt(i)}.
for (i=1;i<jumpSpaces;i++)
{out += " "}.
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {.
位置
if (msg.charAt(position) == ' ')
{position++ }.
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75} です。
その他
{jumpSpaces--}
if (位置 ! = msg.length) {.
var cmd = "snapIn(" + jumpSpaces + "," + position + ")"。
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""。
jumpSpaces=0
ポジション=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")"。
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
trueを返す
}
snapIn(100,0)です。
// -->
</script>
<テーブル <スパン 他人がフレームに入れるのを防ぐことができます。 説明 一部の人はとても怠惰で、他人のウェブページを自分のウェブページのフレームに入れるので、他人の作品が自分の作品になり、ウェブページの本当のアドレスが見えなくなってしまうのです! このような人たちに自分の作品を盗まれないようにするには、自分のページの HTML に次のコードを追加して、自分のページが常に全体のウィンドウで開かれるようにすればよいのです。 コード <Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}。
</script>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Html階層型ボックスシャドウ効果サンプルコード
-
htmlプリント関連操作と実装の詳細
-
<td></td>タグのボーダースタイルがブラウザに表示されない場合の対処法
-
nofollowタグの使用と分析
-
td コンテンツ自動改行テーブル table td セット幅が多すぎるテキスト自動改行後
-
HTML要素にラベル付けする際のidに対するclassの優位性を分析する
-
フォームフォームにおけるmethod=post/getとデータ転送の違いについて
-
Web画像フォーマットPNG、JPG、GIFの選び方・使い方
-
IE9ベータ版のブラウザがHTML5/CSS3に対応
-
純粋なHTMLタグをいくつ知っていますか？