学习笔记.JavaScript开始(二)

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):发生错误时执行的代码。

时间: 2024-10-29 19:06:44

学习笔记.JavaScript开始(二)的相关文章

《Javascript权威指南》学习笔记之十二:数组、多维数组和符合数组(哈希映射)

Array(数组)是JavaScript中较为复杂的数据类型,同Java.C#.VB等程序语言的数组相比,Javascript数组中的元素不必为相同的数据类型,可以在数组每个元素上混合使用数字.日期.字符串.Object,甚至添加一个嵌套数组. 一.创建数组 1.var arr1 = new Array(); /var  arr2 = new Array(length); /var arr3 = new Array(element1,element2...); var arr4 = [eleme

SaltStack 学习笔记 - 第十二篇: SaltStack Web 界面

SaltStack 有自身的用python开发的web界面halite,好处是基于python,可以跟salt的api无缝配合,确定就比较明显,需要个性化对web界面进行定制的会比较麻烦,如果喜欢体验该界面的可以参考下面的文章  http://rfyiamcool.blog.51cto.com/1030776/1275443/ 我是运用另一个python+php来进行web开发,具体需要的工具有在我的另一篇文章里面介绍过,这里再重新进行整个开发介绍 首先介绍php 跟python通信的工具 pp

【Unity 3D】学习笔记四十二:粒子特效

粒子特效 粒子特效的原理是将若干粒子无规则的组合在一起,来模拟火焰,爆炸,水滴,雾气等效果.要使用粒子特效首先要创建,在hierarchy视图中点击create--particle system即可 粒子发射器 粒子发射器是用于设定粒子的发射属性,比如说粒子的大小,数量和速度等.在创建完粒子对象后,在右侧inspector视图中便可以看到所有的粒子属性: emit:是否是使用粒子发射器. min size:粒子最小尺寸. max size:粒子最大尺寸. min energy:粒子的最小生命周期

马哥学习笔记三十二——计算机及操作系统原理

缓存方式: 直接映射 N路关联 缓存策略: write through:通写 write back:回写 进程类别: 交互式进程(IO密集型) 批处理进程(CPU密集型) 实时进程(Real-time) CPU: 时间片长,优先级低IO:时间片短,优先级高 Linux优先级:priority 实时优先级: 1-99,数字越小,优先级越低 静态优先级:100-139,数据越小,优先级越高 实时优先级比静态优先级高 nice值:调整静态优先级   -20,19:100,139   0:120 ps

【Unity Shaders】学习笔记——SurfaceShader(二)两个结构体和CG类型

[Unity Shaders]学习笔记——SurfaceShader(二)两个结构体和CG类型 转载请注明出处:http://www.cnblogs.com/-867259206/p/5596698.html 写作本系列文章时使用的是Unity5.3. 写代码之前: 当然啦,如果Unity都没安装的话肯定不会来学Unity Shaders吧? 阅读本系列文章之前你需要有一些编程的概念. 在VS里面,Unity Shaders是没有语法高亮显示和智能提示的,VS党可以参考一下这篇文章使代码高亮显示

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e

【Unity 3D】学习笔记三十二:游戏元素——游戏光源

游戏光源 在3D游戏中,光源是一个非常具有特色的游戏组件.用来提升游戏画面质感的.如果没有加入光源,游戏场景可能就会显得很昏暗.在unity中提供了三种不同的光源类型:点光源,聚光灯,平行光. 点光源 顾名思义,点光源是从一个点向周围散发出光的光源,就像电灯一样.创建点光源在hierarchy视图中点击create--point light: 创建完以后,点击点光源对象,在右侧inspector视图中可以看到点光源的所有信息: type:光源的类型.有point(点光源),directional

汇编入门学习笔记 (十二)—— int指令、port

疯狂的暑假学习之  汇编入门学习笔记 (十二)--  int指令.port 參考: <汇编语言> 王爽 第13.14章 一.int指令 1. int指令引发的中断 int n指令,相当于引发一个n号中断. 运行过程相当于: (1)取中断类型吗n. (2)标志寄存器入栈:设置IF=0,TF=0. (3)CS.IP入栈 (4)(IP)=(n*4),(CS)=(n*4+2) 样例1:编写.安装中断7ch.实现求一个word型数据的平方,用ax存放这个数据. assume cs:code code s

Android学习笔记(十二)——使用意图传递数据的几种方式

使用意图传递数据的几种方式 点此获取完整代码 我们除了要从活动返回数据,也常常要传递数据给活动.对此我们可以使用Intent对象将这些数据传递给目标活动. 1.创建一个名为PassingData的项目,在activity_main.xml文件中添加一个Button: <Button android:id="@+id/btn_SecondActivity" android:layout_width="fill_parent" android:layout_hei

Unity3d之Hash&amp;Slash学习笔记之(二)--角色基础类的构建

Hash&Slash学习笔记之(二)--角色基础类的构建 BaseStat类的构建 基本成员变量: _baseValue //基础属性值 _buffValue //增加的buff值 _expToLevel //升级所需经验值 _levelModifier //每一级的增长率,即下一等级所需经验为_expToLevel*_levelModifier 成员函数: private int CalculateExpToLevel(){ //计算下一级升级所需经验 return (int)(_expToL