var 变量名;    /JavaScript变量可以不声明，直接使用，默认值：undefined

var 变量名 = 值;    //JavaScript变量是弱类型，及同一个变量可以存放不同类型的数据

        
            //方式1：声明函数
            function demo01(){
                alert("案例1");
            }
            //方式1：调用函数
            demo01();
            
            //方式2：声明匿名函数
            var demo02 = function(){
                alert("案例2");
            };
            //方式2：调用函数
            demo02();
        
        

window.setInterval(code,millisec) 按照指定的周期(间隔)来执行函数或代码片段。    
　　参数1：code必须。执行的函数名或执行的代码字符串。
　　参数2：millisec必须。时间间隔，单位：毫秒。
    返回值：一个可以传递给window.clearinIerval()从而取消对code的周期性执行的值。
    例如：
        方式1：函数名，      setInterval(show , 100);
        方式2：函数字符串， setInterval(""show() , 100);

　　//加载成功启动监听器，5秒执行一次
　　window.onload = function(){
　　　　setInterval(changeImage , 2000)
　　　　}
　　　//在3张照片之间切换
　　　var num = 1;
　　　function changeImage(){
　　　　　　if(num >= 3){
　　　　　　　　　　num = 1;
　　　　　　　　}
　　　     var imageobj = document.getElementById("imgId");
　　　   　imageobj.src = "img/"+ num++ +".jpg"
　　　}

setTimeout(code,millisec)
       code 必需。要调用的函数或要执行的代码字符串。
       millisec 必需。在执行代码前需等待的毫秒数。

obj.style.属性     获得指定"属性"的值。
obj.style.属性=值    给指定的"属性"设置内容。
如果属性由多个单词使用"-"连接，需要将"-"删除，并将后一个单词首字母大写。
例如：background-color 需要改成 backgroundColor

小灰灰

步骤2：编程JS实现

ad.js代码

var time;
function init(){
    //设置定时操作
    time = setInterval("showAd()",5000);
}

function showAd(){
    //获得div元素
    var divAd = document.getElementById("divAd");
    divAd.style.display = "block";
    //清除之前的定时操作
    clearInterval(time);
    //重新设置一个定时：5秒钟隐藏
    time = setInterval("hideAd()",5000);
}

function hideAd(){
    //获得div元素
    var divAd = document.getElementById("divAd");
    divAd.style.display = "none";
    clearInterval(time);
}

5. BOM（Browse Object Mode）

5.1 Browse 对象

DOM Window

DOM Navigator

DOM Screen

DOM History

DOM Location

5.2 BOM:Window对象

方法：定时器

setInterval()：按照指定的周期(以毫秒计)来调用函数或计算表达式。

clearInterval()：取消由setInterval() 设置的timeout。

setTimeout()：在指定的毫秒数后调用函数或计算表达式。

clearTimeout()：取消由setTimeout() 方法设置的timeou。

方法：消息框

alert():显示带有一段消息和一个确认按钮的警告框。

confirm()：显示带有一段消息以及确认按钮和取消按钮的确认框。

prompt()：xian's可提示用户输入的提示框。

Window尺寸

1) IE9 (含，及以上)，Chrome、 Firefox 等其他浏览器获得方式
       windowinnerHeight -浏览器窗口的内部高度

windowinnerWidth-浏览器窗口的内部宽度

2) Internet Explorer8、7、6、5

      document.documentElement.clientHeight

  document.documentElement.clientWidth

或者
      document.body.clientHeight

      document. body.clientW idth

兼容所有浏览器的JS实现方案：

var w=window.innerWidth
      || document.documentElement.clientWidth
　　　 || document.body.clientWidth;

var h=window.innerHeight
      || document.documentElement.clientHeight
　　　 || document.body.clientHeight;

5.3 BOM：Location对象

href属性：设置或返回完整的URL。

hash：设置或返回从井号(#) 开始的URL (锚)。

host：设置或返回主机名和当前URL 的端口号。

hostname：设置或返回当前URL 的主机名。

href：设置或返回完整的URL。

pathname：设置或返回当前URL的路径部分。

port：设置或返回当前URL 的端口号。

protocol：设置或返回当前URL的协议。

search：设置或返回从问号(?) 开始的URL (查询部分)。

　　function change () f
　　　　location.href = "http: / /www. ithe ima. com" ;
　　)

5.4 BOM：History对象

go()方法：跳转到指定页面

go(-1)：加载前一个链接，等效back()

go(1)：加载后一个链接，等效forward()

back():加载history 列表中的前一个URL。

forward():加载history 列表中的下一个URL。

go():加载history 列表中的某个具体页面。

6. JS操作HTML、事件

6.1 标签体内容：innerHTML

innerHTML-HTML元素的内部文本

获得：document.getElementById("divId").innerHTML
设置：document.getElementById("divId").innerHTML = "...."

6.2 获得指定的id的值

提供函数val(objId)获得指定id属性对应元素value的值

/**
 * 获得二指定元素value属性的值
 * 例如：var loginName = val("loginnameId");
 */
function val (objId) f
    return document.getElementById(objId).value;
)

6.3 错误提示

当标签没有验证通过时，给出提示信息。如果校验通过隐藏错误提示信息

/**
 * 2.1 显示错误提示信息 
 * 例如：showTip("loginnameIdMsg","用户名不能为空");
 */
function showTip(errObjId, text ) {
        //获得错误提示对象，并设置和显示
        var showObj = document.getElementById(errObjId) ;
        showObj.innerHTML = text;
        showObj.style.display = "block" ;
}
/**
 * 2.2 显示错误提示信息 
 */
function hideTip() (
        var showObj = document . getEl ementById (errObjId) ;
        showObj.innerHTML = "";
        showObj.style.display = "none";
}

6.4 获得焦点

/**
 * 3 获得焦点
 */
function focus (objId) {
        //指定标签获得焦点
        document。getElementById(objId).focus();
}

6.5 事件总结

常见事件：

onload：某个页面或图像被完成加载

onsubmit：提交按钮被点击

onclick：鼠标点击某个对象

ondblclick：鼠标双击某个对象

onblur：元素失去焦点

onfocus：元素获得焦点

onchange：用户改变域的内容

onkeydown：某个键盘的键被按下

onkeypress：某个键盘的键被按下或按住

onkeyup：某个键盘的键被松开

onmousedown：某个鼠标按键被按下

onmouseup：某个鼠标按键被松开

onmouseover：鼠标被移到某元素之上

onmouseout：鼠标从某元素移开

onmousemove：鼠标被移动

event属性：

clientX：返回当事件被触发时，鼠标指针的水平坐标。

clientY：返回当事件被触发时，鼠标指针的垂直坐标。

keyCode：返回当事件被触发时，键盘输入ASCII码。

event方法：

preventDefault()：阻止浏览器默认行为

stopPropagation()：阻止事件的传播

阻止浏览器默认行为

百度

淘宝


        function one () {
                alert("我之后，百度官网継銕彷向") ;
            }
        function two (event) {
                alert("我之后，淘宝不再坊向") ; 
                //方式1:
                //return false;
                //方式2：
                var event = event || window. event ;
                event.preventDefault () ;
            }

阻止事件的传播