【JavaScript】ブラウザの新規タブを開く方法と読み込み完了を待ってDOM参照する方法

window.open( url , "_blank");

window.open( "" , "_blank");

const tabName = "newtab1";
window.open( url , tabName ); // 新規タブが表示されurlが読み込まれる

window.open( url2 , tabName ); // 同じタブにurl2が読み込まれる

const newTab = window.open( url , "_blank");

  // urlの読み込みを待つ

console.log( newTab.document.title ); // タイトル取得

window.openNewWindow = (()=>{
        // 同一オリジンポリシーのチェック
    const checkNewWindow = newWindow =>{
        try{ // 例外を発生させる
            const a = newWindow.document; 
        }catch(e){
            return e.message; 
        }
        return false;
    };
        // 指定ミリ秒数のスリープ
    const sleep = waitTime => new Promise( resolve => setTimeout(resolve, waitTime) );

        // 新規タブを開いて読み込み完了まで待つ
        // return { window:新規ウィンドウ , error: false またはエラーメッセージ}
    return async (url,target="_blank") =>{

        const newWindow = window.open( url , target);
        const error = checkNewWindow(newWindow);
        if( error !== false ) return {window:newWindow,error:error};

            // 読み込み完了まで待つ
        do{
            if( newWindow.document.readyState === "complete" ) break;
            console.log(newWindow.document.readyState);
            await sleep(500 ); 
        }while( newWindow.document.readyState !== "complete" );

        return {window:newWindow,error:false};
    };

})();

const func = async ()=>{

     ・・・何らかの処理

    const result= awiat window.openNewWindow(url);
    if( result.error !== false ){
        console.error( result.error );return;
    }
    console.log( newTab.document.title ); // タイトル取得

};
func();