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

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

推薦する

MySQLは、統計クエリを最適化するために、sum、case、whenを巧みに使用します。

私は最近、会社で統計レポートの開発に関わるプロジェクトに取り組んでいました。データの量が比較的多かっ...

HTMLインライン要素とブロックレベル要素の基本概念と使用例

HTML タグには、インライン要素とブロックレベル要素の 2 種類があります。まず、インライン要素と...

Vueはグラフィック検証コードを実装する

この記事の例では、グラフィック検証コードを実装するためのVueの具体的なコードを参考までに共有してい...

Raspberry Pi 4 に Ubuntu 19.10 をインストールするための詳細なチュートリアル

以前、raspbian で実行したときに opencv の一部の依存関係をパッケージ化できず、一部の...

UbuntuはSSHサービスのリモートログイン操作を開始します

ssh-secure シェルは、安全なリモート ログインを提供します。組み込みシステムを開発し、Li...

MySQL 8.0 パスワード有効期限ポリシーの詳細な説明

MySQL 8.0.16 以降では、パスワードの有効期限ポリシーを設定できます。今日は、この小さな知...

dockerコンテナは直接実行され、pingを介してパブリックIP操作を取得します。

コンテナを通じてローカル パブリック IP アドレスを取得します。ローカル IP アドレスを使用して...

Linux システムで jmeter を実行し、ローカル メモリを最適化する方法の詳細な説明

1. Linuxシステムにクロスシステムファイル転送ツールをインストールするルートユーザーのルートデ...

MySQL テーブルとデータベース シャーディングのアプリケーション シナリオと設計方法

多くの友人がフォーラムやメッセージエリアで、どのような状況で MySQL をシャーディングする必要が...

Nodejs のグローバル変数とグローバルオブジェクトの知識ポイントと使用方法の詳細

1. グローバルオブジェクトすべてのモジュールは呼び出すことができます1) global: ブラウザ...

Apple 電卓の JS 実装

この記事の例では、Appleの電卓を実装するためのJSの具体的なコードを参考までに共有しています。具...

Windows 10 システムで Mysql8.0.13 のルート パスワードを忘れる方法

1. まずmysqlサービスを停止します管理者としてCMDを開いて閉じるか、Windowsサービスペ...

TypeScript ジェネリックを簡単に説明する方法

目次概要ジェネリック医薬品とはビルドシステムジェネリック医薬品の一般的な理解ジェネリッククラスジェネ...

JS オブジェクトのコピー (ディープ コピーとシャロー コピー)

目次1. 浅いコピー1. Object.assign(ターゲット、ソース、ソース...) 2. スプ...