ウェブページの最も基本的なコード

ウェブページの最も基本的なコード
◆お気に入りに追加
例示するクリックすると、ブラウザのお気に入りメニューにウェブサイトが追加されます
コード<span style="CURSOR: hand" onClick="window.external.addFavorite('https://www.jb51.net','123WORDPRESS.COM')" title="123WORDPRESS.COM">このサイトをお気に入りに追加する</span>

◆ホームページに設定
例示するクリックすると、Web サイトがブラウザのスタート ページとして設定されます
コード<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('https://www.jb51.net');" style="CURSOR: hand">ホームページとして設定</span>

◆ハイパーリンクの下線を削除する
例示するハイパーリンクの下線が目障りな場合があります。次のコードを Web ページのソース コードの <head> と </head> の間に挿入すると、下線が跡形もなく消えます。
Web ページの <body> タグには link などの属性が含まれていないことに注意してください。含まれていると、この効果は無効になります。
コード<スタイル TYPE="text/css">
<!--
A:link{テキスト装飾:なし}
A:visited{テキスト装飾:なし}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</スタイル>

◆ウェブページを自動更新する
例示するWeb ページを自動的に更新するには、HTML の と の間に次のコードを追加します。参照しているページは 5 分後に自動的に target.html に変更されます。コードでは、300 は秒単位の更新遅延時間です。 targer.html はリダイレクト先のターゲット ページです。このページの場合、このページは自動的に更新されます。
コード<meta http-equiv="refresh" content="300; url=target.html">

◆このページを更新
例示するこのページを更新するにはクリックしてください。
コード<a href="javascript:location.reload()" target="_self">更新</a>

◆前のページに戻る
例示するクリックすると前のページに戻ります。
コード<a href="javascript:history.back(-1)">前のページに戻る</a>

◆ 小さなウィンドウをポップアップする
例示する次のコードでページを開くと、468x60 の小さなウィンドウがポップアップ表示されます。 「window.html」は、ポップアップする小さなウィンドウに表示される Web ページです。ツールバー、ステータス、メニューバー、スクロールバーは、小ウィンドウのツールバー、ステータスバー、メニューバー、スクロールバーを設定し、サイズ変更可能は、ブラウザが小ウィンドウのサイズを変更できるかどうかを設定し、幅と高さは、小ウィンドウの幅と高さを設定します。 (ただし、このような小さなウィンドウは一般的に歓迎されません!)
コード<スクリプト言語="JavaScript">
window.open("window.html","www_helper_net","ツールバー=いいえ、ステータス=いいえ、メニューバー=いいえ、スクロールバー=いいえ、サイズ変更可能=いいえ、幅=468、高さ=60、左=200、上=50");
</スクリプト>

◆ウィンドウを自動的に閉じる
例示する次のコードを Web ページのソース コードに追加すると、20 秒後にウィンドウが自動的に閉じます。ポップアップウィンドウでの使用に最適です。コード内の「i=20」は、終了遅延時間が 20 秒であることを意味します。これは自由に変更できます。
コード<スクリプト言語="javascript">
<!--
関数クロック(){i=i-1
document.title="このウィンドウは「+i+」秒後に自動的に閉じます!";
if(i>0)setTimeout("clock();",1000);
そうでなければ、self.close();}
var i=20
クロック();
//-->
</スクリプト>

◆ページに保護を追加する
例示する苦労して作成した内容を他の人に簡単にコピーして貼り付けられたくない場合は、次のコードを HTML に追加することをお勧めします。 Web ページを右クリックすると、目的のショートカット メニューの代わりに警告ウィンドウが表示されます。 「\n\n」は改行を示します。
コード<スクリプト言語="JavaScript">
関数ヘルパー()
{
if (event.button==2)alert('閲覧専用です!ありがとうございます!\n\nご質問がありましたらご連絡ください!')
}
</スクリプト>

次に、<body> を <body onmousedown="helper_net()"> に変更します。

◆固定フォントサイズ
例示するよくデザインされた Web ページを閲覧中に、ブラウザのフォント サイズを大きくしたり小さくしたりすると、すぐに認識できなくなるという経験をしたことはありませんか。フォントサイズが変わったので、当然レイアウトが乱れてしまいます。ここで、Web ページのソース ファイルの <head> と </head> の間に次のコードを追加します (<font> タグで定義されたテキストには無効です)。
コード<スタイル タイプ="text/css">
<!--
本文 {フォントサイズ:9pt}
td {フォントサイズ:9pt}
-->
</スタイル>

◆ステータスバーにダイナミックなウェルカムメッセージを表示
例示するブラウザのステータス バーに、ようこそメッセージが 1 語ずつ左に表示されます。
コード<スクリプト言語="JavaScript">
<!--
関数 statusMessageObject(p,d) {
this.msg = メッセージ
this.out = " "
this.pos = 位置
this.delay = 遅延
this.i = 0
this.reset = クリアメッセージ
}
関数 clearMessage() {
this.pos = 位置
}
var 位置 = 100
var 遅延 = 5
var MESSAGE = "ようこそ!WWW.jb51.net へようこそ"
var scroll = 新しいステータスメッセージオブジェクト()
関数スクロール() {
(scroll.i = 0; scroll.i < scroll.pos; scroll.i++) の場合 {
スクロールアウト += " "
}
(スクロール位置 >= 0)の場合
scroll.out += scroll.msg
そうでない場合は、scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = スクロールアウト
スクロールアウト = " "
スクロール.pos--
(スクロール位置<-(スクロールメッセージの長さ))の場合{
スクロール.リセット()
}
setTimeout ('scroller()'、scroll.delay)
}
関数 snapIn(jumpSpaces,position) {
var msg = scroll.msg
var 出力 = ""
(var i=0; i<位置; i++) の場合
{出力 += msg.charAt(i)}
(i=1;i<jumpSpaces;i++) の場合
{出力 += " "}
出力 += msg.charAt(位置)
ウィンドウステータス = アウト
ジャンプスペース <= 1 の場合
位置++
msg.charAt(位置) == ' ' の場合
{位置++}
ジャンプスペース = 100 位置
} それ以外の場合 (ジャンプスペース > 3)
{ジャンプスペース *= .75}
それ以外
{ジャンプスペース--}
if (位置 != メッセージの長さ) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} それ以外 {
ウィンドウのステータス=""
ジャンプスペース=0
位置=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
偽を返す
}
真を返す
}
スナップイン(100,0);
// -->
</スクリプト>

◆他人があなたのページをフレーム内に配置できないように保護する
例示する他の人のウェブページを自分のウェブページのフレームに入れるほど怠惰な人もいますが、他の人の結果が自分のものになり、ウェブページの実際のアドレスが見えなくなります。これらの人々によってあなたの作品が盗用されるのを防ぐには、Web ページの HTML に次のコードを追加して、Web ページが常にフルウィンドウで開くようにします。
コード<スクリプトLANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</スクリプト>

<<:  数十行のjsを使用してクールなキャンバスインタラクティブ効果を実現する方法を教えます

>>:  MySQLインデックスの作成について知っておくべきこと

推薦する

Nginx 最適化サービスで Web ページ圧縮を実装する方法

リソースを節約するためにWebページの圧縮を設定する1.まず、設定を変更しましょう vim /usr...

Linux /etc/network/interfaces 設定インターフェース方法

Linux の /etc/network/interfaces ファイルは、ネットワーク インターフ...

ダッシュボードを実装するためのjQueryプラグイン

jQueryプラグインは、参考のためにダッシュボードを実装します。具体的な内容は次のとおりです。一般...

Linux環境でログファイルを表示するコマンドの詳細な説明

目次序文1. catコマンド: 2. moreコマンド: 3. lessコマンド: 4. headコ...

ウェブ理論: 考えさせない読書ノート

第 1 章<br /> Web ページをユーザーにとって使いやすいものにするための最も重...

MySQL OOM (メモリオーバーフロー) の解決策

OOM は「Out Of Memory」の略で、メモリオーバーフローを意味します。メモリ オーバーフ...

Dockerコンテナ監視とログ管理の実装プロセス分析

Docker の導入規模が大きくなると、コンテナを監視する必要があります。一般的に、Docker に...

JavaScriptプロトタイプと例の詳細な説明

目次コンストラクタインスタンスとプロトタイプの関係プロトタイププロパティ属性またはメンバーの検索原則...

ドラッグ可能で編集可能なガントチャートの詳細な説明(HighchartsはVueとReactで使用できます)

序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...

HTML と CSS の基礎 (必読)

(1) HTML: ハイパーテキストマークアップ言語。主に「ヘッダー」と「ボディ」の2つの部分で構...

マージンのマージの問題を解決する

1. 兄弟要素の余白を結合する効果は次のようになります: (2 つの間の間隔は 150 ピクセルでは...

JavaScript でプロトタイプ パターンを実装する方法

概要プロトタイプ パターンは、プロトタイプ インスタンスによって作成されるオブジェクトの型を指し、こ...

MySQLはライブラリ内の主キーなしでテーブルインスタンスコードを素早く取得します

概要MySQL データベースで主キーのないテーブルを表示するための SQL ステートメントをいくつか...

テキストの円形スクロールアニメーションを実装するミニプログラム

この記事では、参考までに、テキストループスクロールを実現するアプレットの具体的なコードを例を挙げて紹...

Linux での sshd サービスとサービス管理コマンドの詳細な説明

sshd SSH は Secure Shell の略で、アプリケーション層のセキュリティ プロトコル...