BOMに関すること

3034 ワード

1.概念
Borwswer Object Model,ブラウザオブジェクトモデル
ブラウザの各部をオブジェクトにパッケージする
2.構成
2.1 window
2.2.1方法
1.alter():メッセージやボタンの警告がある警告ボックスをイジェクトします.
2.confirm():ヒント情報と確認ボタンを持ってキャンセルボタンを押した確認ボックスをポップアップし、クリックしてブール値に戻ります.


	
		
		
		<script type="text/javascript">
			alert(window.confirm("    ?"));
		</script>
	
	
	

</code></pre> 
  <p>3.prompt():                  ,           ,      null</p> 
  <pre><code>

	
		<meta charset="UTF-8"/>
		<title/>
		<script type="text/javascript">
			alert(window.confirm("    ?"));
			
			
			alert(window.prompt("        "))
		</script>
	
	
	

</code></pre> 
  <p>4.setTimeout(),clearTimeout()</p> 
  <p> </p> 
  <p>5.setInterval(),clearInterval()</p> 
  <h2>2.2.2   </h2> 
  <h3>2.2.3   </h3> 
  <h2>2.2 history:             </h2> 
  <p>history.back:         ,         ,          
  </p><p> window.history.back()</p> 
  <p>history.forword            ,          。        >  </p> 
  <p> </p> 
  <p>window.history.forward()</p> 
  <p> </p> 
  <p> </p> 
  <h2>2.3 location</h2> 
  <p><strong>                  </strong></p> 
  <p>location.href               url     </p> 
  <p>console.log(window.location.href):      url     </p> 
  <p> </p> 
  <p><strong>location.href           </strong></p> 
  <p>window.location.href = './index.html'</p> 
  <p>//                  </p> 
  <p> </p> 
  <p><strong>location.reload():             ,           </strong></p> 
  <p>window.location.reload()</p> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
  <h2>2.4 navogator</h2> 
  <p>          </p> 
  <p>navogator.userAgent:           </p> 
  <p>navogator.appVersion:       </p> 
  <p>navogator.platform:               </p> 
  <p> </p> 
  <h2>2.5     onscroll  </h2> 
  <p>  onscroll                  </p> 
  <p> </p> 
  <p><strong>scrollTop:             </strong></p> 
  <p>document.body.scrollTop</p> 
  <p>document.documentElement.scrollTop</p> 
  <p> </p> 
  <p><strong>scrollLeft:           </strong></p> 
  <p>document.body.scrollLeft</p> 
  <p>document.documentElementLeft</p> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>