ホームページ > 記事 > ウェブフロントエンド > jsポップアップメニュー/ウィンドウ効果_javascriptスキル
jsポップアップメニュー/ウィンドウ効果_javascriptスキル
- WBOYオリジナル
- 2016-05-16 18:00:111098ブラウズ
ポップアップ メニューのアクセシビリティ サポートを改善する必要がありますか?この記事では、次の 3 つの一般的なポップアップ ウィンドウについて説明します。
window.open 新しいブラウザ ウィンドウ
作成されたウィンドウ
ページ DOM 作成された疑似ポップアップ ウィンドウ: ポップアップなどヒントなど
1. ページに JS がない場合
一般的に、JS がない場合は HTML の動作に従って処理します。リンクをリンク可能にすれば解決します。これは比較的簡単です。
1. 新しいブラウザ ウィンドウを開きます。JS トリガーを にバインドしてみてください。これで完了です。 。
コードをコピー コードは次のとおりです:
// リンクの目的は同じです。 window.open
[open window]
// デフォルトでリンクをブロックすることを忘れないでください。 JS がある場合に 2 回開かれます
window.open('./iframe.html', 'name', 'height=300,width=500');
return false; >2.
// js
document.getElementById('theframe').src = '/target.html'
3. ページ DOM によって作成された疑似ポップアップ ウィンドウ: を使用して非表示にします。リンクはアンカーを使用します。
コードをコピー コードは次のとおりです: [現在のページ DOM を開く]
... 多くのものが真ん中で区切られています... 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。