コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptの静的ページで値を渡す3つの方法を共有_JavaScriptスキル

JavaScriptの静的ページで値を渡す3つの方法を共有_JavaScriptスキル

WBOY
リリース： 2016-05-16 17:15:48
オリジナル
1203 人が閲覧しました

1: JavaScript 静的ページ値転送 URL 記事
URL に転送する情報を接続して値を渡すことができます。
投稿.htm

コードをコピー コードは次のとおりです:




<スクリプトlanguage="javascript " >
function Post()
{
//単一の値 Read.htm?username=baabao;
//複数の完全な値 Read.htm?username=baabao&sex=male ;
url = "Read.htm?username=" エスケープ(document.all.username.value);
url = "&sex=" エスケープ(document.all.sex.value);
場所。 href=url;
}


Read.htm

コードをコピー コードは次のとおりです:


<script><br>String.prototype.getQuery = function(name)<br>{<br>var reg = new RegExp("(^|&)" name "=( [ ^&]*)(&|$)");<br>var r = this.substr(this.indexOf("?") 1).match(reg);<br>if (r!=null) return unescape(r[2]); return null;<br>}<br>var str ="www.jb51.net/index.htm?a=1&b=1&c=test test";<br>alert(str. getQuery ("a"));<br>alert(str.getQuery("b"));<br>alert(str.getQuery("c"));<br></script>

利点: 値を取得するのに便利。ドメインを越えることができます。
欠点: 値の長さが制限されています

2: JavaScript 静的ページ値転送用の Cookie
Cookie は、少量の名前付きデータを保存するブラウザです。
特定の Web ページに関連付けられます。
Cookie はブラウザにメモリを提供するために使用されます。
スクリプトとサーバー プログラムがあるページから別のページへの入力データを使用できるようにします。
Post.htm

コードをコピー コードは次のとおりです:






利点: window.opener が親ウィンドウを指している限り、値にアクセスできるだけでなく、そのメソッドにもアクセスできます。親ウィンドウ。値の長さに制限はありません。

欠点: 2 ウィンドウは、window.open を使用して開かれる必要があります。
。

関連ラベル：
javascript パス値
ソース：php.cn
前の記事：jsでページ上での右クリックを禁止する（簡単なサンプルコード）_javascriptスキル 次の記事：js コントロールのフェードインとフェードアウトのサンプルコード_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート