zoukankan      html  css  js  c++  java
  • JavaScript初学笔记

    1 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript

    2 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

    3 如需使用外部文件,在 <script> 标签的 "src" 属性中设置该 .js 文件.
    <script src="myScript.js"></script>
    提示:外部脚本不能包含 <script> 标签。

    4 JavaScript 通常用于操作 HTML 元素。
    如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。
    使用 "id" 属性来标识 HTML 元素:
    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Web Page</h1>
    <p id="demo">My First Paragraph</p>
    <script>
    document.getElementById("demo").innerHTML="My First JavaScript";
    </script>
    </body>
    </html>
    JavaScript 由 web 浏览器来执行。在这种情况下,浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。

    5 提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。

    6 如果重新声明 JavaScript 变量,该变量的值不会丢失:
    在以下两条语句执行后,变量 carname 的值依然是 "Volvo":
    var carname="Volvo";
    var carname;

    7 JavaScript 对象
    对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
    var person={firstname:"Bill", lastname:"Gates", id:5566};
    上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
    对象属性有两种寻址方式:
    name=person.lastname;
    name=person["lastname"];

    8 JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。
    在 JavaScript 中,对象是拥有属性和方法的数据。

    9
    <button onclick="myFunction">按钮</button> 调用函数时,必须用双引号,不能用单引号.

    10 JavaScript 变量的生命期从它们被声明的时间开始。
    局部变量会在函数运行以后被删除。
    全局变量会在页面关闭后被删除。

    11 如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明,即使它在函数内执行。
    <script>
    var x;
    function myFunction()
    {
    x = "123"
    }
    myFunction()
    document.write(x);   //=>123
    </script>

    12 如果把数字与字符串相加,结果将成为字符串。
    x="5"+5;
    document.write(x);  //=> 55

    13 HTML DOM (文档对象模型)
    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
    HTML DOM 模型被构造为对象的树。

    14 通常,通过 JavaScript,需要操作 HTML 元素。
    为了做到这件事情,必须首先找到该元素。有三种方法来做这件事:
    通过 id 找到 HTML 元素
    通过标签名找到 HTML 元素
    通过类名找到 HTML 元素

    15 查找 id="intro" 元素:
    var x=document.getElementById("intro");
    如果找到该元素,则该方法将以对象(在 x 中)的形式返回该元素。
    如果未找到该元素,则 x 将包含 null。

    16 查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素:
    var x=document.getElementById("main");
    var y=x.getElementsByTagName("p");

    17 onload 和 onunload 事件
    onload 和 onunload 事件会在用户进入或离开页面时被触发。
    onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
    onload 和 onunload 事件可用于处理 cookie。

    18 onchange 事件常结合对输入字段的验证来使用。
    下面是一个如何使用 onchange 的例子。当用户改变输入字段的内容时,会调用 upperCase() 函数。
    <input type="text" id="fname" onchange="upperCase()">

    19 onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

    20 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。

  • 相关阅读:
    洛谷 P1194 飞扬的小鸟 题解
    洛谷 P1197 星球大战 题解
    洛谷 P1879 玉米田Corn Fields 题解
    洛谷 P2796 Facer的程序 题解
    洛谷 P2398 GCD SUM 题解
    洛谷 P2051 中国象棋 题解
    洛谷 P1472 奶牛家谱 Cow Pedigrees 题解
    洛谷 P1004 方格取数 题解
    洛谷 P2331 最大子矩阵 题解
    洛谷 P1073 最优贸易 题解
  • 原文地址:https://www.cnblogs.com/leaf526/p/3614738.html
Copyright © 2011-2022 走看看