ホームページ >ウェブフロントエンド >jsチュートリアル >コードをjs全画面表示する3つの方法_javascriptスキル

コードをjs全画面表示する3つの方法_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:16:171324ブラウズ

1 つ目の方法:
開いている通常の Web ページで、「全画面表示」をクリックし、Web ページに対応する全画面モードに入ります。方法は、Web ページの と の間に次のコードを追加します:

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





全画面表示されているページがこのページではない場合は、次の操作を行うだけで済みます。 document.location を対応する URL に置き換えます:
コードをコピーします コードは次のとおりです:


< ;input type=BUTTON name=FullScreen value=FullScreen onClick="window.open('URL address','big','fullscreen=yes')" >


2 番目のタイプ:
Web ページを実行する場合、たとえば次のように直接入力します: http://localhost:8080/temp.jsp URL バーで、Web ページが閉じられ、同時に空白の全画面が表示されます。その方法は次のとおりです。本文に次のコードを記述します:
コードをコピーします コードは次のとおりです:



3 番目のタイプ:
実際には上記 2 つのタイプを重ね合わせたもので、一般的に使用されますこの状況ではより頻繁に起こります。つまり、Web ページを直接開くと、この状況は最初の状況とは異なります。最初の状況では、[全画面表示] ボタンをクリックすると、新しい全画面モードが開きます。 -screen Web ページですが、元の通常の Web ページがまだ残っているため、こちらの方が優れています。方法は次のとおりです。2 つの JSP ファイルを作成します。最初のファイルは次のコードのみを実行します。たとえば、名前は demo.jsp です。2 番目のファイルは、実際に実行するコンテンツです。たとえば、temp.jsp:

demo.jsp:

コードをコピー コードは次のとおりです。
< body onload="window.open('temp.jsp','_blank','fullscreen=1');opener=null;window.close()">



temp.jsp:

コードをコピー コードは次のとおりです:
<%@ page contentType= "text/html;charset=GB2312" language="java" %>


これが私の全画面コンテンツですもう一度見てください、アドレスバーにいます 入力されたdemo.jspは閉じていますか?よし、完了!



全画面表示を終了
------ ---------- -------------------------------------- ---------- -------------------------------------- ---------- -------------------------------------- ----

全画面表示の終了に関して、インターネットで多くの情報を検索しましたが、一般的に、目的の目的を達成するのは困難です。たとえば、ハイパーリンク 新しいウィンドウで開く; 上記の全画面表示の逆の方法を使用することもできます。ただし、どのように行っても、最終的にフル スクリーン モードから通常モードに切り替えると、元のフル スクリーン モードに参加してムービーを再生する場合は、常にウィンドウを再度開くことと同じになります。通常モードでは、リロードする必要があります。ただし、他に方法はありません。この投稿の 5 階の回答を参照してください。http://topic.csdn.net/t/20021028/12/1130882.html では、この方法を使用できます。ただし、この方法はフルスクリーンとは呼ばれず、ウィンドウを一定の高さだけ上に移動することと同じです。コードは次のとおりです:

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

<%@ page contentType="text/html;charset=GB2312" language="java" %>



ページを閉じる
---------------- -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- --

ページを閉じたい場合は、次のようなハイパーリンクをページに追加するだけです:
コードをコピー コードは次のとおりです:
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。