首页 > 代码库 > 5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型

5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型

一、弹出框
    a.提示框
        alert();
    b.输入框
        prompt();
    c.确认框
        confirm();    
        var flag= confirm("确认删除吗?");
二、js程序调试
    先看console控制台是否报错
    浏览器debug
    alert();
    console.log();
三、函数
    系统函数:
        parseInt(); 能够转换首字符是数字的字符串
        Number();只能转换数字的字符串
        isNaN(); is not a number //是不是非数字?
    自定义函数:
        a、funtion 方法名(参数1,参数2...){
            // return
            }
            funtion show(str,age){}
            public void show(String str,int age){
            
            }
        b. var 方法名=function(参数1,参数2...){
                //return 值
            }
        在超链接中调用js代码
        <a href="javascript:sf();">请点击</a>
四、js中常用的事件
    onl oad //页面加载完毕执行
    onclick //鼠标单击事件
    onm ouseover //鼠标移上事件
    onm ouseout //鼠标移开事件
    onfocus //聚焦输入框事件
    onblur //移开输入框事件
    onkeydown; //键盘按下事件
        回车事件:
            document.onkeydown=function(e){
                if(e.keyCode==13){ //回车键
                    alert("登录!");
                }
            }
    onchange;//下拉框切换事件
        <select onchange="alert(‘下拉框改变了‘);">
            <option>北京</option>
            <option>深圳</option>
            <option>合肥</option>
        </select>
    onsubmit;//表单提交事件
五、浏览器对象模型
    window对象(一般省略不写)
        window.onload = function(){
        }
    常用的属性
        history
            window.history.go(-1);//返回上一个页面
            history.go(0);//刷新
            window.history.go(1);//下一个页面
        location
            location.reload();//刷新
            跳转页面:
            window.location.href = "http://www.bdqn.cn";
    常用方法:
        alert();prompt();confirm();
        打开新窗口 open();
        关闭:close();

 

5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型