• 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');







  • 相关阅读:
    Search Insert Position(二分查找)
    c++基础题
    Divide Two Integers(模拟计算机除法)
    Swap Nodes in Pairs(链表操作)
    Letter Combinations of a Phone Number(带for循环的DFS,组合问题,递归总结)
    进程和程序的区别
    Add Two Numbers(链表)
    Longest Substring Without Repeating Characters
    02.友盟项目--原始日志数据生成
    01.友盟项目--nginx服务器配置
  • 原文地址:https://www.cnblogs.com/picaso/p/2430501.html
Copyright © 2020-2023  润新知