Web前端——JavaScript扩展补充

JS补充

document也是windows的一个子对象

a标签点击事件

要想设置点击a标签，执行某种方法，推荐在a标签的herf属性使用JavaScript伪协议，实现点击之后执行的js方法，而不是设置click

例如：

alertwin()是一个方法
hello

windows对象对话框

windows自带的几个弹出对话框方法

• 可输入内容的对话框 alert(message)
• 只含确定按钮的对话框 prompt(message) 返回输入string
• 含确定和取消的对话框 confirm(message) 返回一个Boolean

    
        
        
        
        
    
    

        对话框
        输入对话框
        确认对话框
        


        
    

location对象

• location.href = ''; 会使浏览器留下历史记录
• location.replace(); 浏览器不会留下历史记录
• location.reload(); 刷新效果

编码和解码URI

function encode_decode() {
        var uri = '19_encodeURI_decodeURI.html?name1=老王&name2=如花&key=jack marry john';
        
        //编码
        var encodeURI1 = encodeURI(uri);
        //结果为name1=%E8%80%81%E7%8E%8B&name2=%E5%A6%82%E8%8A%B1&key=jack%20marry%20john
        console.log(encodeURI1);
        //解码
        var decodeURI1 = decodeURI(encodeURI1);
        console.log(encodeURI1);

}

Json工具类

• stringify json数据转为string
• parse 把string类型的json数据转为一个object

let json = {empno: 1000, ename: "scott", job: "CLERK"};
var stringify = JSON.stringify(json);
var otherJson = JSON.parse(stringify);
//通过"."来获取内容
console.log(otherJson.empno, otherJson.ename, otherJson.job);

模拟进度条

    
        
        
        
        
    
    

        开始下载