BOMオブジェクト

ウィンドウはブラウザで、ウィンドウオブジェクトは、二重の役割を持って、両方のJavaScriptインターフェイスを介してアクセスするブラウザウィンドウとしてグローバルECMAScriptのは、指定されたオブジェクトで、ブラウザのインスタンスです。
任意のオブジェクトにウィンドウプロパティのグローバルスコープで定義されています

        function fun() {
            console.log('hello');
        }
        var num = 123;
        console.log(window.num);
        window.fun();
        fun();    //与window效果一样

//三种框以及window
        alert('hello');       //警示框
        window.alert('world');//警示框
        confirm('hello world'); //确定框
        var ret = prompt('请输入内容：');//输出框
        console.log(ret);

//打开一个网址，跳转过去
window.open('https://www.baidu.com','_self');
window.location = 'https://www.baidu.com';

function fun2() {
     console.log('hello');
      //关闭当前窗口（浏览器中的一个选项卡）
     window.close();
}
setTimeout(fun2,3000);

ロケーション

/*
location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。 
*/
//打开一个网址，跳转过去
location.href = "https://www.baidu.com";
replace:也相当于跳转
location.replace("https://www.baidu.com");
//重新加载页面
location.reload();//从本地缓存中加载
location.reload(true);//从服务器重新获取加载
//location对象其他属性也可改变URL：
location.hash;  //url中以#号开头的字符串（锚点）
location.search;//url中以?开头的字符串（参数）
location.host;//服务器名称和端口号
location.hostname;//服务器名称
location.pathname;//返回URL中的目录和（或）文件名。
location.port;//返回URL中指定的端口号，如果没有，返回空字符串
location.protocol;//返回页面使用的协议

歴史

//history对象
//原本是用来存储历史记录的，但出于隐私问题，就禁止了
//现在基本就是用来做网页的“前进和后退”功能
history.forward();//前进
history.back();//后退
history.go(n); //n>0表示前进n次，n<0表示后退n次

画面

//screen对象
//用来获取电脑屏幕相关信息，比如分辨率
screen.width;screen.height;//分辨率

ナビゲーション

//navigator对象
//存储浏览器的相关信息
navigator.userAgent;//用来识别浏览器名称、版本、引擎 以及操作系统等信息的内容

DOM（ドキュメントオブジェクトモデル）ドキュメントオブジェクトモデルDOMは、開発者が、追加ツリー構造の一部を削除し、DOMノードと呼ばれるノード内のページを変更することを可能にする階層ツリー構造を示し、ここでのノードが意味するものではありませんラベルには、それは多くの種類、12種の合計を持っています。
各ノードは、クラスオブジェクトの配列であるのNodeListオブジェクトを保持するのchildNodes属性を有しています。子ノードの数の長さによって得られたオブジェクトに格納され、このすべての子ノード。NodeListオブジェクトは動的な、リアルタイムデータを最新の状態に保たれています。

//访问节点的子节点
var firstChild   = someNode.childNodes[0];
var secondChild  = someNode.childNodes.item(1);
var childCount   = someNode.childNodes.length;

ノードのDOM要素に関する操作

ノードメソッドを探します

// getElementByIdを（）
// getElementsByName（）
// getElementsByTagNameの（）
//のgetElementsByClassName（）
// querySelector（）
// querySelectorAll（）

ボタンを作成します。

    var btn = document.createElement('input');//创建一个按钮
    btn.type = "button";
    btn.value = "按钮";
    document.body.appendChild(btn)

idで検索getElementByIdを

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<h1>hello world</h1>
<div id="dd" class="class_dd" name="name_dd">
    <p class="pp" id="p2">我是谁</p>
    <p class="pp">从哪里来</p>
</div>
<div id="dd2">
    <span class="pp">我是谁</span><br>
    <img src="1.jpg" alt="">
</div>
</body>
<script type="text/javascript">
    var p2 = document.getElementById('p2');  //查找HTML中id为p2的标签
    // p2.innerText = '你是谁';    //将p2的内容改为‘你是谁’
</script>
</html>

JavaScriptのBOMは、DOMオブジェクトをオブジェクト

BOMオブジェクト

ノードメソッドを探します

おすすめ