1. BOMの紹介1. JavaScriptは3つの部分から構成される
2.ウィンドウオブジェクト
一般的な方法:
指定したウィンドウを開く <スクリプト> 関数f1() { //これは CSS スタイルではありません。開いているウィンドウのサイズを調整できます。open('test.html', 'user', 'width=500px,height=500px') } </スクリプト> </head> <本文> <button onclick="f1()">新しいウィンドウを開く</button> </本文>
<スクリプト> 関数f1() { //これは CSS スタイルではありません。開いているウィンドウのサイズを調整できます。open('test.html', 'user', 'width=500px,height=500px') } 関数f2() { タイムアウトを設定します(f1, 2000) } </スクリプト> </head> <本文> <button onclick="f2()">ワンタイムタイマー</button> </本文>
実行されなかった時間枠内でワンショットタイマーをオフにする ```javascript <スクリプト> 関数f1() { //これは CSS スタイルではありません。開いているウィンドウのサイズを調整できます。open('test.html', 'user', 'width=500px,height=500px') } </スクリプト> </head> <本文> <button onclick="f1()">新しいウィンドウを開く</button> </本文>
<スクリプト> 関数f1() { //これは CSS スタイルではありません。開いているウィンドウのサイズを調整できます。open('test.html', 'user', 'width=500px,height=500px') } 変数タイマー 関数f2() { タイマー = setTimeout(f1, 2000) } 関数f3(){ clearTimerout(タイマー) } </スクリプト> </head> <本文> <button onclick="f2()">ワンタイムタイマー</button> <button onclick="f3()">ワンショットタイマーをオフにする</button> </本文>
指定した位置に移動する <スクリプト> 関数f1() { scrollTo(0, 100) //単位はpx } </スクリプト> 一般的なイベント
注: ウィンドウ オブジェクトは BOM 構造の最上位オブジェクトであるため、ウィンドウのプロパティとメソッドを呼び出すときにウィンドウを省略できます。 <スクリプト> //ウィンドウをクリックした後に実行 window.onclick = function() { コンソール.log(111) } </スクリプト> 3.場所オブジェクト共通プロパティ hrefはアドレスバーのURLを設定または返します 共通メソッド reload() は現在のページを再読み込みします <スクリプト> 関数 getUrl() { //アドレスバーのURLを取得する コンソール.log(場所.href) //アドレスバーにページをリダイレクトする URL を設定します //location = 'https://www.baidu.com' location.href = 'https://www.baidu.com' //ページをリロードします location.reload(); } </スクリプト> </head> <本文> <button onclick="getUrl()">URL を取得</button> </本文> 4.歴史オブジェクト
<スクリプト> 関数 goBack() { 履歴.戻る() } 関数 goforward() { 履歴を転送する() } 関数goGo() { history.go(1) // 1つ進む } </スクリプト> </head> <本文> <button onclick="goBack()">戻る</button> <button onclick="goforward()">進む</button> </本文> 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: フロントエンドエンジニアが作ったクールなインタラクティブウェブサイトを推薦します
ファイルとは何ですか?すべてのファイルは実際には文字列のストリームですが、適切な解析方法を使用すると...
1. MySQLのデフォルトストレージエンジンの変更MySQL 5.1 より前のバージョンでは、デフ...
リバースプロキシリバースプロキシとは、プロキシサーバーを介してユーザーのアクセス要求を受信し、ユーザ...
目次1.watchは一般的なデータ(数値、文字列、ブール値)の変更を監視します。 1. 数値2. 文...
目次1. 概要2. Django プロジェクト3. Vueプロジェクト1. 概要プロジェクトで、ダウ...
目次プロキシモードとは何ですか?実例を紹介例を使ってプロキシモデルの定義を理解するプロキシとはget...
主に2つの側面から: 1. ハイライト/改行2. コードのコピーボタンこれら両方には既製のプラグイン...
目次1. 原因2. デバイス情報3. 準備4. Apacheをインストールする5. gitを設定する...
1. ubuntu16.04 イメージと対応する ubuntu16.04 カーネル バージョンのソー...
結果:実装コード: html <link href='https://fonts.go...
プロジェクトの展開中に遭遇した落とし穴Zhihudemo を展開する際、Jenkins などの自動展...
require メソッドの読み込みルールキャッシュからの読み込みを優先するコアモジュールパス形式のモ...
Linux システムには、ファイル共有を解決するために使用できるリンク ファイルと呼ばれる種類のファ...
この記事では、オンラインリアルタイム多人数チャットルームを実現するためのNode.js+expres...
目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...