jQueryで新しいウィンドウを開く方法

jquery で新しいウィンドウを開く方法: まずフォームを作成し、次に [form.target = ‘_blank‘; form.method = ‘POST‘;] などのフォーム送信を通じて新しいウィンドウを開きます。

このチュートリアルの動作環境: Windows 10 システム、jquery バージョン 2.2.4. この方法は、すべてのブランドのコンピューターに適しています。

(学習ビデオ共有: jquery ビデオ チュートリアル)

jquery で新しいウィンドウを開くにはいくつかの方法があります:

最初の方法: 作成フォーム Form、フォーム送信を通じて新しいタブ ページが開きます。

var form = document.createElement(‘form‘);
form.action = ‘www.baidu.com?id=1‘;
form.target = ‘_blank‘;
form.method = ‘POST‘;
document.body.appendChild(form);
form.submit();

2 番目のタイプ:

var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;

3 番目のタイプ:

setTimeout(window.open('www.baidu.com'), 500);

4 番目のタイプ: (最初のタイプと同様)

/* 在新窗口中打开 */
function openNewWindow(url) {
    var a = document.createElement('a');
    a.setAttribute('href', url);
    a.setAttribute('target', '_blank');
    var id = Math.random(10000, 99999);
    a.setAttribute('id', id);
    // 防止反复添加
    if (!document.getElementById(id)) {
        document.body.appendChild(a);
    }
    a.click();
}
//方法调用
openNewWindow('www.baidu.com');

注: 上記のメソッドは js に適用されますが、ajax メソッドの実行後にページジャンプアクションを実行する場合は、ajax 同期実行を設定する必要があります。属性を追加します: async:false。例:

$.ajax({
                type: 'post',
                data: param,
                url: 'ActionUrl',
                dataType: 'json',
                async:false,
                success: function (msg) {
openNewWindow('www.baidu.com');
}

関連する推奨事項: js チュートリアル

以上がjQueryで新しいウィンドウを開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。