学习笔记.JavaScript开始（二）

浏览数：16 / 时间：2015年06月08日

1.<script>标签的属性，方法及事件处理程序；

属性：

defer(defer)：规定是否对脚本执行延迟，直到页面加载为止；

src(url)：规定外部脚本文件的url；

charset(charset)：规定外部脚本文件使用的字符编码；

async：规定异步执行脚本；

event：设定或获取脚本编写用于的事件；

htmlFor：设定或获取绑定到事件脚本的对象；

type、language属性已在标准中取消。

方法：无

事件：onerror、onload。

2.带圆括号的函数名意味着正在调用这个函数；如果没有圆括号，就是将它赋值给事件处理程序，以便此事件发生时运行它。

3.大段的注释采用/* XXXXX */方式，行内注释采用//XXXX方式。

4.<noscript>标签在不支持JavaScript的浏览器上，会显示一条消息，它执行标签内的内容。

<noscript>
    <h2>This page requires JavaScript.</h2>
</noscript>

5.确认用户的选择。

if(confirm("Are you want to do that?")){
    alert("You said yes");
}
else{
    alert("You said no");
}

confirm()方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
confirm(message),确定返回true，取消返回false。

(confirm("Are you want to du that?"))?alert("You said yes"):alert("You said no");

6.提示用户。

var ans = prompt("Are you sure you want to du that?","Default answer...");
if(ans){
    alert("You said " + ans);
}
else{
    alert("You refused to answer");
}

传递给prompt()方法的是由逗号分隔的两段信息：向用户询问的问题和默认的回答。方法返回用户的响应或null。

7.用链接对用户进行重定向。

window.onload = initAll;
function initAll(){
    document.getElementById("redirect").onclick = initRedirect;
}
function initRedirect(){
    window.location = "http://www.baidu.com";
    return false;
}

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

window.location = "http://www.baidu.com" 相当于

window.location.href = "http://www.baidu.com"

8.使用JavaScript改进链接。

window.onload = initAll;
function initAll(){
    document.getElementById("redirect").onclick = initRedirect;
}
function initRedirect(){
    //alert("We are not responsible for the content of pages outside our site.");
    if(confirm("Go on!")){
        window.location.href = this;
        return false;
    }
    else{
        window.location.href = window.location;
    }
}

9.使用多级条件。

window.onload = initAll;
function initAll(){
    document.getElementById("Lincoln").onclick = saySomething;
    document.getElementById("Kennede").onclick = saySomething;
    document.getElementById("Nixon").onclick = saySomething;
}
function saySomething(){
    switch(this.id){
        case "Lincoln":
        {
            alert("Four score and seven years ago...");
            break;
        }
        case "Kennede":
        {
            alert("Ask not what your country can do for you...");
            break;
        }
        case "Nixon":
        {
            alert("I am not a crook!");
            break;
        }
        default:
        
    }
}

10.处理错误。

<!DOCTYPE html>
<html>
<head>
    <title>Throw wrong</title>
</head>
<body>
    <h2>Compute square</h2>
    <script>
        window.|| isNaN(ans) || ans<0){
                    throw new Error("Not a valid number.");
                }
                alert("The square root of " + ans + " is " + Math.sqrt(ans));
            }
            catch(errMsg){
                alert(errMsg.message);
            }
        }
    </script>
</body>
</html>

try：错误测试代码块；

throw：自定义错误提示；

catch(errMsg)：发生错误时执行的代码。

本文出自 “技术无巅峰” 博客，请务必保留此出处http://shelia.blog.51cto.com/2930476/1621787

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

学习笔记.JavaScript开始（二）