前端学习笔记

使用构造函数求平方根。

function Point(x,y){
    this.x = x;
    this.y = y;
};
Point.prototype.r = function(){
    return Math.sqrt(this.x * this.x + this.y * this.y);
};
var p = new Point(1,1);
console.log(p.r());

使用定时器跳转页面

function moveon(){
    //通过弹出一个对话框来询问用户一个问题
    var answer = confirm("准备好了吗？");
    if(answer) window.location = "http://taobao.com";
}

setTimeout(moveon,5000);

使用JavaScript创建DOM元素

function debug(msg){
    //同过查看HTML元素id属性来查找文档的调试部分。
    var log = document.getElementById("debuglog");    
    //如果这个元素不存在，则创建一个。
    if(!log){
        log = document.createElement("div");    //创建一个新的<div>元素。
        log["id"] = "debuglog";                 //给这个元素的HTML id赋值。
        log["innerHTML"] = "<h1>Debug Log</h1>";//定义初始化内容。
        document["body"].appendChild(log);      //将其添加到文档的末尾。
    }
    //将消息包装在<pre>中，并添加到log中。
    var pre = document.createElement("pre");    //创建<pre>标签。
    var text = document.createTextNode(msg);    //将msg包装在一个文本节点中。
    pre.appendChild(text);                      //将文本添加至<pre>。
    log.appendChild(pre);                       //将<pre>添加至log。
}
debug("使用JavaScript创建元素");

使用JavaScript隐藏图片

window.onload = function(){
    var div = document.createElement("div");        //创建div标签
    var img1 = document.createElement("img");       //创建img标签
    img1.src = "图片的地址";                         //为img标签添加一个src属性并赋值
    var img2 = document.createElement("img");
    img2.src = "图片的地址";
    var img3 = document.createElement("img");
    img3.src = "图片的地址";
    div.appendChild(img1);                          //将img标签追加到div标签中
    div.appendChild(img2);
    div.appendChild(img3);
    document["body"].appendChild(div);              //将div标签追加到body中
    var images = document.getElementsByTagName("img");//获取文档中所有<img>标签
    for(var i = 0;i < images["length"]; i++){ //遍历images给每个节点的click事件添加事件处理
        var image = images[i];                
        if(image["addEventListener"]){        
            image.addEventListener("click",hide,false);//注册事件处理程序的另一种方法
            continue;
        }                                    
        image.attachEvent("onclick",hide);    //兼容IE8及以前的版本
    }
    //这便是上面注册的事件处理函数
    function hide(event){ event["target"]["style"]["visibility"] = "hidden"; }
}

使用Javascript将中文转化为Unicode码

function toUnicodeFun(data){
    if(data == "" || typeof data == undefined) return "请输入汉字";
    var str = "";
    for(var i = 0;i<data.length;i++){
        str += "\\u" + data.charCodeAt(i).toString(16);
    }
    return str;
}
toUnicodeFun("杰劫尐");

使用JavaScript将Unicode码转换为中文

function toChineseWorlds(data){
    if(data == "" || typeof data == undefined) return "请输入16进制unicode";
    data = data.split("\\u");
    var str = "";
    for(var i = 0; i<data.length;i++){
        str += String.fromCharCode(parseInt(data[i],16).toString(10));
    }
    return str;
}
toChineseWorlds("\\u6770");