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

ウェブページの最も基本的なコード
◆お気に入りに追加
例示するクリックすると、ブラウザのお気に入りメニューにウェブサイトが追加されます
コード<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インデックスの作成について知っておくべきこと

推薦する

HTML/XHTML における img 画像タグの基本的な使用法の詳細な説明

画像タグは、Web ページに画像を表示するために使用されます。 HTML/XHTML 画像 <...

vue3 における vuex と pinia の落とし穴

目次導入インストールと使用方法文章の相違点と類似点の簡単な比較VuexとPiniaの長所と短所Pin...

WeChatミニプログラムの開発をスピードアップするためのヒント

1. app.jsonを使用してページを作成する私たちの通常の開発習慣によれば、新しいページを作成す...

Vue プロジェクトで axios リクエストを使用する方法

目次1. インストール2. カプセル化に問題はない3. ファイルを作成する4. アドレス設定をリクエ...

MySQLで時間を判定条件として使用する方法

背景: 開発プロセスでは、現在の月、現在の日、現在の時間、今後数日など、時間を判断条件としてデータを...

WeChatミニプログラムビデオ集中砲火位置ランダム

この記事では、WeChatミニプログラムのビデオ弾幕の位置をランダム化するための具体的なコードを紹介...

JSはjQueryのappend関数を実装します

目次コードを見せてください効果をテストする効果追伸別のアプローチコードを見せてください HTMLEl...

Linuxブートサービスを起動する2つの方法

目次rc.local メソッドchkconfig メソッドrc.local メソッド1 まず自動的に...

MySQL 接続例外とエラー 10061 の解決方法

MySQL は、スウェーデンの会社 MySQL AB によって開発されたリレーショナル データベース...

より人気がありクリエイティブなダーク背景のウェブデザインの例

暗い背景スタイルのページ デザインは非常に人気があり、シックでエレガント、そして非常にクリエイティブ...

CSSボックスの表示/非表示とトップレイヤーの実装コード

.imgbox{ 幅: 1200ピクセル; 高さ: 612px; 右マージン: 自動; 左マージン...

PrometheusはGrafanaディスプレイを使用してMySQLを監視します

目次Prometheusはエクスポーターを介してMySQLを監視し、Grafanaチャートで表示しま...

VMwareを使用したPermeateレンジシステムのインストール手順の詳細説明

1. 背景私たちは時々社内研修を行っており、実験環境をよく利用しています。最初はdockerコンテナ...

antd ツリーと親子コンポーネント間の値転送問題について (React のまとめ)

プロジェクト要件: 製品ツリー ノードをクリックすると、そのノードのすべての親ノードが取得され、表に...