• JavaScript笔记


    1、HTML中的JavaScript代码:

        <script type="text/javascript">    
    // <![CDATA[

    // ]]>
      </script>


    2、HTML中引入JS文件:

    <script type="text/javascript" src="my-script.js"></script>  


    3、JavaScript注释方法:

    <script type="text/javascript">
    // 可以注释单行
    /*
    可以注释部分代码
    */
    </script>


    4、变量定义:

    <script type="text/javascript">
    var string;
    var array=['a','b'];
    </script>


    5、数组使用:

    // 两种声名数组的不同方式,  
    //
    字面:
    var fruit = ['apple', 'lemon', 'banana'];

    // 使用数组构造器:
    var fruit = new Array('apple', 'lemon', 'banana');

    fruit[0]; // 访问数组中的第一个数据项 (apple)
    fruit[1]; // 访问数组中的第二个数据项 (lemon)
    fruit[2]; // 访问数组中的第三个数据项 (banana)


    6、对象的声明:

    // 两种声明对象的不同方式,  

    // 字面(大括号):
    var profile = {
    name: 'Li',
    age: 23,
    job: 'Web Developer'
    };

    // 适用对象构造器:
    var profile = new Object();
    profile.name = 'Li';
    profile.age = 23;
    profile.job = 'Web Developer';


    7、基本语句:

    if/else、switch/case、for、while、do/while、break、continue、return

    8、通过ID获取单个ID的属性及操作——getElementById():

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>JavaScript!</title>
    </head>
    <body>

    <p id="intro">My first paragraph...</p>

    <ul>
    <li>List item 1</li>
    <li>List item 1</li>
    <li>List item 1</li>
    <li>List item 1</li>
    <li>List item 1</li>
    </ul>

    <script type="text/javascript">
    // <![CDATA[

    // ]]>
    </script>

    </body>
    </html>

    这里我们想获取intro 的属性以及对它进行操作时,必须先获取ID,创建DOM节点

     var allUnorderedLists = document.getElementsById('intro');


    9、获取某个标签的属性及操作—— getElementsByTagName():

     var allUnorderedLists = document.getElementsByTagName('ul');







  • 相关阅读:
    Libevent源码分析系列
    TCP检验和
    Redis—数据结构之list
    STL—list
    STL—vector
    STL—vector空间的动态增长
    STL—内存的配置与释放
    Actuator 未授权访问之heapdump利用
    Git submodule update 命令执行
    利用Haproxy搭建 HTTP 请求走私(Request smuggling)环境
  • 原文地址:https://www.cnblogs.com/picaso/p/2430501.html
Copyright © 2020-2023  润新知