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 事件。

  • 相关阅读:
    进程的概念与结构
    http://goeasy.io/cn/
    java实现扫二维码登录功能
    java发送短信验证码的功能实现
    java实现注册邮箱激活验证
    开启POP3/SMTP服务
    java生成6位随机数字
    javamail实现注册激活邮件
    MySQL SQL语句 生成32位 UUID
    Data source rejected establishment of connection, message from server: "Too many connections"
  • 原文地址:https://www.cnblogs.com/leaf526/p/3614738.html
Copyright © 2011-2022 走看看