JavaScriptの中のbomを深く勉強します。

5942 ワード

JavaScript bom

BOM（Broswer Object Model）
すべてのwindowの属性と方法は、"window."を省略することができます。
方法:
窓枠
1.警告枠


window.alert("msg");

2.確認ボックス


window.confirm("msg");

3.質問ボックス


window.prompt("msg","defaulvalue")

ページ
1.ウィンドウを開く


window.open()

2.サブウィンドウで使用し、親ウィンドウのwindowオブジェクトを表します。window.opener


window.opener.fatherSayHello();         
window.opener.a

3.現在のウィンドウを閉じますwindow.close()


window.close();     
window.opener.close();

タイム？タスク
1.タイミングタスク


var taskid = window.setTimeout(function,ms);
window.setTimeout("alert('hello！')", 5000);

2.間隔実行タスク


var taskid = window.setInteval(function,ms);

3.タイミングタスクのクリア


window.clearTimeout(taskid);

4.クリア間隔実行タスク


window.clearInteval(taskid);

スクリーンを印刷


// * 
console.log(screen.width + "*" + screen.height)

後へ下がる


window.history.back();

前へ進む


window.history.forward();

更新


window.location.reload();//  
window.location.href = window.location.href;//

Go前進（x）ステップ、後退（x）ステップ、リフレッシュ（0）、


window.history.go(x)

リンク


window.location.href = http://www.baidu.com;

ユーザエージェントブラウザのカーネル


console.log(window.navigator.userAgent)

窓枠


//  window      ，     “window.”
<script type="application/javascript">
//    
function testAlert(){
var result=window.alert("       ")
console.log(result);
}
// confirm    
function testConfirm(){
var result =window.confirm("        ?");
if(result){
alert("      !")
}else{
alert("      !")
}
consol.log(result);
}
// prompt    
function testPrompt(){
var result = window.prompt("   U   ","  :123456");
console.log(result);
}
</script>
<body>
<button onclick="testAlert();">testAlert</button>
<button onclick="testConfirm();">testConfirm</button>
<button onclick="testPrompt();">testPrompt</button>
</body>

ページ


//   
<script type="application/javascript">
function sayHello(){
alert("hello world")
}
//      
function callFatherMethod(){
window.opener.fatherSayHello();
window.opener.a
}
//     
function testClose(){
window.close();
}
//     
function testFatherClose(){
window.opener.close();
}
</script>
<body>
<button onclick="callFatherMethod()">        </button>
<button onclick="testClose()">     </button>
<button onclick="testFatherClose()">     </button>
</body>
//   
<script type="application/javascript">
var a = 10;
window.onload = function(){
console.log(window);
console.log("11111111111")
}
//       
function testOpen(){
var sonwindow = window.open("son.html","aaa","height=300,width=500,top=50,left=50,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
//    window  
console.log(sonwindow);
}
function fatherSayHello(){
alert("hello son!");
}
</script>
<body>
<button onclick="testOpen();">       </button>
</body>

タイム？タスク


<script type="application/javascript">
function setTime() {
// window.setTimeout("alert('hello！')",5000);
window.setTimeout(sayHello, 5000);
}
var sayHello = function () {
alert("  ！");
}
</script>
</head>
<body>
<button onclick="sayHello();">  sayHello</button>
<button onclick="setTime();">  setTime</button>

間隔をあけてタスクを実行


<script type="application/javascript">
/*
window.onload = function(){
window.setTimeout(closeSelf, 1000);
}
function closeSelf() {
var secval = document.getElementById("sec").innerHTML;
var secint = parseInt(secval);
document.getElementById("sec").innerHTML = --secint;
if(secint == 0){
window.close();
}
window.setTimeout(closeSelf, 1000);
}
*/

var taskid = 0;
window.onload = function(){
//      ,   1000ms     
taskid = window.setInterval(closeSelf, 1000);
}
function closeSelf() {
//   10s 
var secval = document.getElementById("sec").innerHTML;
console.log(secval);
var secint = parseInt(secval);
console.log(secint);
//10s   
document.getElementById("sec").innerHTML = --secint;
if(secint == 0){
window.close();
}
}
// 4.           
function stopTask(){
window.clearInterval(taskid);
}
//    
function goonTask(){
taskid = window.setInterval(closeSelf, 1000);
console.log(taskid)
}
</script>
<body>
    ，    <span id="sec">10</span>s   。
<button onclick="stopTask()">  ，        </button>
<button onclick="goonTask()">    ，    </button>
</body>

以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。

PHPでのIPアドレスのチェックまたはフィルタリングの実現コード

PHPのarray_diff()関数は大きい配列を処理する時の効率の問題