js操作页面三步骤

    
    


    
操作页面的三步骤
    

        
box h1
    

js事件

鼠标事件

文档事件

    
    
    
    


    
hhhhh

键盘事件

    
    


    
键盘事件
    

表单事件

事件对象

js操作内容

    
    


    
标题
    
    改标题

js操作样式

    
    
    


    
    
文本

页面转跳

    
    


    自我刷新
    转跳到9
    ctrl新开转跳到9

屏幕有滚动条下的两种宽度

去除滚动条剩余的全部宽度

let html = document.querySelector('html');
console.log(html.clientWidth);

不去除滚动条剩余的全部宽度

function getHtmlWidth() {
    let hidden = document.createElement('div');
    hidden.style.width = '100vw';
    html.appendChild(hidden);
    width = parseInt(getComputedStyle(hidden, null).width);
    html.removeChild(hidden);
    return width
}
width = getHtmlWidth();
console.log(width);

案例：动态尺寸