zoukankan      html  css  js  c++  java
  • 前端笔记 (3.JavaScript 1)

     

      JavaScript 是属于网络的脚本语言

      JavaScript 是一种轻量级的编程语言。

      JavaScript 是可插入 HTML 页面的编程代码。

      JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

      (Ps:JavaScript Java 是两种完全不同的语言,无论在概念还是设计上。

      Java(由 Sun 发明)是更复杂的编程语言。

      ECMA-262 JavaScript 标准的官方名称。

      JavaScript Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。)

    HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

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

    <script type="text/javascript"></script>

    JavaScript的三大组成部分是:

    1、ECMAScript:JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。

    2、文档对象模型(DOM):DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。

    JavaScript 可以通过不同的方式来输出数据:

    • 使用 window.alert() 弹出警告框。
    • 使用 document.write() 方法将内容写到 HTML 文档中。
    • 使用 innerHTML 写入到 HTML 元素。
    • 使用 console.log() 写入到浏览器的控制台。

    JavaScript 函数定义

    JavaScript 使用关键字 function 定义函数。

    函数可以通过声明定义,也可以是一个表达式。

    函数声明

    函数声明的语法 :

    function functionName(parameters) {
      执行的代码
    }

    函数声明后不会立即执行,会在需要的时候调用到。

    操作 HTML 元素

    如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。

    <!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"。)

    写到文档输出

    下面的例子直接把 <p> 元素写到 HTML 文档输出中:

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>My First Web Page</h1>
    
    <script>
    document.write("<p>My First JavaScript</p>");
    </script>
    
    </body>
    </html>

    警告

    请使用 document.write() 仅仅向文档输出写内容。

    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>My First Web Page</h1>
    
    <p>My First Paragraph.</p>
    
    <button onclick="myFunction()">点击这里</button>
    
    <script>
    function myFunction()
    {
    document.write("糟糕!文档消失了。");
    }
    </script>
    
    </body>
    </html>

  • 相关阅读:
    [性能调优]在PeopleSoft中使用函数索引
    如何在PeopleSoft中找到并更改默认样式表名称
    安装docker之后,测试hello-world镜像,终端提示:Unable to find image 'hello-world:latest' locally019-11-06
    ubuntu上安装docker
    ubuntu设置MySQL被局域网访问
    .Net Core使用 MiniProfiler 进行性能分析
    EF初次启动慢
    数据库最大连接池Max Pool Size
    SQLSERVER:Timeout expired. The timeout period elapsed prior to obtaining a connection from the pool. This may have occurred because all pooled connections were in use and max pool size was reached.
    EntityFramework中常用的数据删除方式
  • 原文地址:https://www.cnblogs.com/ljmzzyk/p/7182935.html
Copyright © 2011-2022 走看看