• html_javascript 基础操作


     1 <!DOCTYPE html>
     2 <html>
     3 <body>
     4 <h1>My Web Page</h1>
     5 <p id="demo">A Paragraph.</p>
     6 <button type="button" onclick="myFunction()">点击这里</button>
     7 <p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
     8 <script type="text/javascript" src="/js/myScript.js"></script>
     9 </body>
    10 </html>

    空格

    JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

    var name="Hello";
    var name = "Hello";

    对代码行进行折行

    您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

    document.write("Hello 
    World!");

    不过,您不能像这样折行:

    document.write 
    ("Hello World!");

    重新声明 JavaScript 变量

    如果重新声明 JavaScript 变量,该变量的值不会丢失:

    在以下两条语句执行后,变量 carname 的值依然是 "Volvo":

    var carname="Volvo";
    var carname;

    JavaScript 数组

    下面的代码创建名为 cars 的数组:

    var cars=new Array();
    cars[0]="Audi";
    cars[1]="BMW";
    cars[2]="Volvo";

    或者 (condensed array):

    var cars=new Array("Audi","BMW","Volvo");

    或者 (literal array):

    JavaScript 对象

    对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

    var person={firstname:"Bill", lastname:"Gates", id:5566};

    上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

    空格和折行无关紧要。声明可横跨多行:

    var person={
    firstname : "Bill",
    lastname  : "Gates",
    id        :  5566
    };

    对象属性有两种寻址方式:

    实例

    name=person.lastname;
    name=person["lastname"];

    Undefined 和 Null

    Undefined 这个值表示变量不含有值。

    可以通过将变量的值设置为 null 来清空变量。

    实例

    cars=null;
    person=null;

    Throw 语句

    throw 语句允许我们创建自定义错误。

    正确的技术术语是:创建或抛出异常(exception)。

    如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

    语法

    throw exception

    异常可以是 JavaScript 字符串、数字、逻辑值或对象。

     1 <!DOCTYPE html>
     2 <html>
     3 <body>
     4 
     5 <script>
     6 function myFunction()
     7 {
     8 try
     9 { 
    10 var x=document.getElementById("demo").value;
    11 if(x=="")    throw "值为空";
    12 if(isNaN(x)) throw "不是数字";
    13 if(x>10)     throw "太大";
    14 if(x<5)      throw "太小";
    15 }
    16 catch(err)
    17 {
    18 var y=document.getElementById("mess");
    19 y.innerHTML="错误:" + err + "";
    20 }
    21 }
    22 </script>
    23 
    24 <h1>我的第一个 JavaScript 程序</h1>
    25 <p>请输入 5 到 10 之间的数字:</p>
    26 <input id="demo" type="text">
    27 <button type="button" onclick="myFunction()">测试输入值</button>
    28 <p id="mess"></p>
    29 
    30 </body>
    31 </html>

  • 相关阅读:
    COJ 0981 WZJ的数据结构(负十九)树综合
    BZOJ 3153 Sone1
    点分治模板
    thinkphp或thinkcmf 《文章编辑,文章添加》 访问另一个表的分类,添加入另一个表时将id值以(,)逗号分隔储存,编辑时以(,)逗号分隔并且相等的id值被选中
    《手机端》让多出的导航变水平拖动,不让他 float 撑下去
    favicon.ico 网站小图标标识
    CSS3实战开发: 折角效果实战开发
    jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
    position 有五个值:static、relative、absolute、fixed、inherit。
    CSS3 transition 属性过渡效果 详解
  • 原文地址:https://www.cnblogs.com/liuyang92/p/5867094.html
Copyright © 2020-2023  润新知