JSの中でブラウザーwindowのいくつか操作に関して覚えます.

3359 ワード
ブラウザのオブジェクトモデル(BOM)は、JavaScriptがブラウザと「対話」できるようにする.
window
  • すべてのブラウザはwindowオブジェクトをサポートしています.彼はブラウザのウィンドウ
    • を表しています.
  • すべてのJavaScriptグローバルオブジェクト、関数および変数は自動的にwindowオブジェクトのメンバーになります.
  • グローバル変数は、windowオブジェクトの属性である.
  • グローバル関数は、windowオブジェクトの方法である.
  • HTML DOMのdocumentもwindowオブジェクトの属性の一つです.
    下のコードは、ツールバー/スクロールバーを含まないブラウザウィンドウの高さと幅を表示します.
    var width =window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var height =window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
    他の動作の一部window.open()-新しいウィンドウを開くwindow.close()-現在のウィンドウを閉じるwindow.moveTo()-現在のウィンドウを移動するwindow.resizeTo()-現在のウィンドウのサイズを調整する
    シュリーンscreen.availWidth-利用可能な画面幅screen.availHeight-利用可能な画面高さ
    Location
    window.locationオブジェクトは、現在のページのアドレス(URL)を取得し、ブラウザを新しいページにリダイレクトするために使用されます.location.hostnameは、ウェブホストのドメイン名location.pathnameに戻り、現在のページのパスとファイル名location.portを返してウェブホストのポート(80または443)location.protocolに戻り、使用されているウェブプロトコル(http:/またはhttps:/)location.hrefは、現在のページのURL location.pathnameに戻り、URLのパス名location.assign()に戻る.
    ヒットマン
    window.historyオブジェクトは、Windowsというプレフィックスを使用しないで作成します.history.back()-ブラウザで後退ボタンを押すのと同じhistory.forward()-ブラウザでボタンを押すのと同じです.
    Navigator
    window.navigatorオブジェクトには訪問者ブラウザに関する情報が含まれています.window.navigatorオブジェクトは作成時にwindowというプレフィックスを使わないでください.
    警告:navigatorオブジェクトからの情報は、ブラウザのバージョンを検出するために使用されるべきではない.これは、ブラウザのユーザによってブラウザが変更され、ブラウザより遅く発表された新しいオペレーティングシステムに報告できないからだ.
    メッセージボックス
    alertは警告枠で、警告語を使って折ります.
    confirmは、ユーザーがいくつかの情報を検証または承認できるようにするための確認ボックスです.
    prompt(「テキスト」、「標準値」)は、ヒントボックスであり、第二の引用符の内容はデフォルト値、すなわちビットワードです.
    タイムイベント
    時間計測の役割は、呼び出し時に直接実行するのではなく、jsを使って時間が経ってから実行するイベントを設定することです.
    JavaScritpでは、タイミングイベントを使用する方法が二つあります.
  • setTimeout("js ",ms)未来のある時にコードを実行します.最初のパラメータはjsコードです.二番目のパラメータはミリ秒単位の時間です.注:1000 ms=1 s.
  • clearTimeout()は、setTimeout()のキャンセル時間の書き方をキャンセルしました.
    var t = setTimeout("alert("  ")"，5000)；
clearTimeout(t);
    Cookies
    クッキーはユーザを識別するために使用されます.クッキーは訪問者のコンピュータに格納された変数です.同じコンピュータがブラウザを通してあるページを要求するたびに、このクッキーを送ります.JavaScriptを使ってクッキーの値を作成し、取り戻すことができます.
    


function getCookie(c_name)
{
if (document.cookie.length>0)
{ 
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{ 
c_start=c_start + c_name.length+1 
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
} 
}
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else 
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}
    本論文の内容はW 3 Schoolから学び、削除します.
    • ECMAScript 6学習ノート(一):演算子展開