Web 前端 —— javaScript

　　资源链接

　　基础知识

　　基础问题集

资源链接：

http://www.w3school.com.cn/

弹出窗口，变暗特效：http://www.csrcode.cn/article-584-1.html

网页特效网：http://www.csrcode.cn/article-584-1.html

基础知识点：

1. 时间类型：Date对象（函数与操作）

toDateString() 
toTimeString() 
toLocaleDateString() //如2007年1月1日 
toLocaleTimeString() //如13:55:55 
toUTCString() 
getTime() //返回日期的毫秒数 
setTime() 
getFullYear() //获得年份，如2007 
setFullYear() 
getMonth() //获得月份，0表示一月 
setMonth() //设置月份，0表示一月，超过11增加年份 
getDate() //获得日期中的天数 
setDate() //设置天数，超过31增加月份 
getDay() //获得星期，0表示星期日，6表示星期六 
getHours() //获得小时，0~23 
setHours() //设置小时，0~23 
getMinutes() //获得分钟，0~59 
setMinutes() //设置分钟，0~59 
getSeconds() //获得秒数，0~59 
setSeconds() //设置秒数，0~59 
getMilliseconds() //获得毫秒 
setMilliseconds() //设置毫秒

函数列表

2. HTML DOM 的方法和属性：

　　a) nodeValue 和 innerHTML 的区别

b) 改变元素属性的2种方法

 element.setAttribute("style","color:red");
 element.style.color = "red";

改变元素属性的两种方法

3. 取整操作 Math对象

Math.ceil() 向上取整
Math.floor() 向下取整 
Math.round() 四舍五入

Math 取整操作

4. 检查浏览器是否启用cookies

<script>
function checkCookies()
{
        if (navigator.cookieEnabled==true)
    {
        alert("Cookies are enabled")
    }
        else
    {
        alert("Cookies are not enabled")
    }
}
</script>

检查浏览器是否启用cookies

基础问题集：

1. script中出现了java语句如日期使用了 java.util.Date 类型，应该使用 script 自己的Date类型；

2. 删除了结点后，要在下一次执行相同的删除操作，应该恢复原来现场；

    function updateTime()
    {     
        var timeDiv = document.getElementById("timer");
        var textNode = document.getElementById("text");
        timeDiv.removeChild(textNode);
        
        var timeString = new Date();
        var pNew = document.createElement("p");
        var textNew = document.createTextNode(timeString);
        pNew.appendChild(textNew);
        //pNew.setAttribute("id","text");  //在这里应该添加对应的ID属性
        timeDiv.appendChild(pNew); 
    }

恢复现场实例

3. 在元素的事件中调用 setInterval(callback,delay);要注意 callback 要加上单引号而非双引号，因为双引号已经被最外层使用；

4. setInterval(callback,delay) 和 setTimeout(callback,delay) 分别可以间隔一段毫秒时间执行或隔一段毫秒时间后执行1次

　　其中，调用callback 时，使用的格式为 function(){funcName(param1,param2,,,,param3)}，如下：

//设置每隔一秒调用一次changeTcolor()
var i=setInterval('changeTcolor()',1000);
//【这里调用的函数没有带参数，可以以加'引号'形式调用】

//设置4秒之后取消前面的每秒改变颜色的设置
window.setTimeout(function(){clearInterval(i)},4000);
//【这里带参数,如果以引号形式调用，其参数的搜索范围是全局的】

setInterval() 和 clearInterval()

　　参考csdn这一层楼的解释：传送门