• JS基础学习

    目录

    1. x = document.getElementById("some id")

    2. x.innerHTML="Hello JavaScript"; //改变内容

    3. document.write

     4. JavaScript在head，body和外部的使用

    5.JavaScrpit输出数据的方式

    6.JavaScript的注释

    7.var，const和let的区别

     8.JavaScript具有动态的数据类型 以及 typeof

    9.定义JavaScript对象

    10.向未声明的 JavaScript 变量分配值

     11.undefined 和 null 的区别

    12.JavaScript 验证 API

    13.javascript:void(0) 含义 

    14.异步 AJAX

    15.JavaScript代码规范

    命名规则

    空格与运算符

    对象规则

    1. x = document.getElementById("some id")

    2. x.innerHTML="Hello JavaScript"; //改变内容

    3. document.write

    1. DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>菜鸟教程(runoob.com)title>
    6. head>
    7. <body>
    8. 	
    9. <p>
    10. JavaScript 能够直接写入 HTML 输出流中：
    11. p>
    12. <script>
    13. document.write("
      这是一个标题
      "      );
    14. document.write("
      这是一个段落。
      "      );
    15. script>
    16. <p>
    17. 您只能在 HTML 输出流中使用 <strong>document.writestrong>。
    18. 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
    19. p>
    20. 	
    21. body>
    22. html>

     4. JavaScript在head，body和外部的使用

    1. DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8"> 
    5. <title>菜鸟教程(runoob.com)title> 
    6. <script>
    7. function myFunction(){
    8. 	document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    9. }
    10. script>
    11. head>
    12. <body>
    13. 	
    14. <h1>我的 Web 页面h1>
    15. <p id="demo">一个段落。p>
    16. <button type="submit" onclick="myFunction()">点击这里button>
    17. 	
    18. 	
    19. body>
    20. html>
    1. DOCTYPE html>
    2. <html>
    3. <body>
    4. <h1>我的 Web 页面h1>
    5. <p id="demo">一个段落p>
    6. <button type="button" onclick="myFunction()">尝试一下button>
    7. <script>
    8. function myFunction()
    9. {
    10.     document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    11. }
    12. script>
    13. body>
    14. html>
    1. DOCTYPE html>
    2. <html>
    3. <body>
    4. <script src="myScript.js">script>
    5. body>
    6. html>

    5.JavaScrpit输出数据的方式

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

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

    6.JavaScript的注释

    • 单行注释以 // 开头。
    • 多行注释以 /* 开始，以 */ 结尾

    7.var，const和let的区别

     

     8.JavaScript具有动态的数据类型 以及 typeof

    变量的数据类型可以使用 typeof 操作符来查看

    1. var x;               // x 为 undefined
    2. var x = 5;           // 现在 x 为数字
    3. var x = "John";      // 现在 x 为字符串
    4.  
    5. typeof "John"                // 返回 string
    6. typeof 3.14                  // 返回 number
    7. typeof false                 // 返回 boolean
    8. typeof [1,2,3,4]             // 返回 object
    9. typeof {name:'John', age:34} // 返回 object

    9.定义JavaScript对象

    1. var person = {
    2.     firstName:"John",
    3.     lastName:"Doe",
    4.     age:50,
    5.     eyeColor:"blue"
    6. };

    对象的属性使用

    1. DOCTYPE html>
    2. <html>
    3. <head> 
    4. <meta charset="utf-8"> 
    5. <title>菜鸟教程(runoob.com)title> 
    6. head>
    7. <body>
    8.  
    9. <p>创建和使用对象方法。p>
    10. <p>对象方法作为一个函数定义存储在对象属性中。p>
    11. <p id="demo">p>
    12. <script>
    13. var person = {
    14.     firstName: "John",
    15.     lastName : "Doe",
    16.     id : 5566,
    17.     fullName : function() 
    18. 	{
    19.        return this.firstName + " " + this.lastName;
    20.     }
    21. };
    22. document.getElementById("demo").innerHTML=person.fullName();
    23. script>
    24. 	
    25. body>
    26. html>

    10.向未声明的 JavaScript 变量分配值

    如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

    这条语句：

    carname="Volvo";

    将声明 window 的一个属性 carname。

    非严格模式下给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除。

    1. var var1 = 1; // 不可配置全局属性
    2. var2 = 2; // 没有使用 var 声明，可配置全局属性
    3.  
    4. console.log(this.var1); // 1
    5. console.log(window.var1); // 1
    6. console.log(window.var2); // 2
    7.  
    8. delete var1; // false 无法删除
    9. console.log(var1); //1
    10.  
    11. delete var2; 
    12. console.log(delete var2); // true
    13. console.log(var2); // 已经删除 报错变量未定义

     11.undefined 和 null 的区别

    null 和 undefined 的值相等，但类型不等：

    1. typeof undefined             // undefined
    2. typeof null                  // object
    3. null === undefined           // false
    4. null == undefined  

    12.JavaScript 验证 API

    1. html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. head>
    6. <body>
    7.  
    8. <p>输入数字并点击验证按钮:p>
    9.  
    10. <input id="id1" type="number" min="100" max="300" required>
    11. <button onclick="myFunction()">验证button>
    12.  
    13. <p>如果输入的数字小于 100 或大于300，会提示错误信息。p>
    14.  
    15. <p id="demo">p>
    16.  
    17. <script>
    18. function myFunction() {
    19.     var inpObj = document.getElementById("id1");
    20.     if (inpObj.checkValidity() == false) {
    21.         document.getElementById("demo").innerHTML = inpObj.validationMessage;
    22.     } else {
    23.         document.getElementById("demo").innerHTML = "输入正确";
    24.     }
    25. }
    26. script>
    27.  
    28. body>
    29. html>

     

    13.javascript:void(0) 含义 

    javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

    14.异步 AJAX

    15.JavaScript代码规范

    命名规则

    • 变量和函数为小驼峰法标识, 即除第一个单词之外，其他单词首字母大写（ lowerCamelCase）
    • 全局变量为大写 (UPPERCASE )
    • 常量 (如 PI) 为大写 (UPPERCASE )

    空格与运算符

    通常运算符 ( = + - * / ) 前后需要添加空格

    对象规则

    对象定义的规则:

    • 将左花括号与类名放在同一行。
    • 冒号与属性值间有个空格。
    • 字符串使用双引号，数字不需要。
    • 最后一个属性-值对后面不要添加逗号。
    • 将右花括号独立放在一行，并以分号作为结束符号。
  • 相关阅读:
    杰理之开了多种解码格式插卡到播放等待的时间长【篇】
    Zynq—AD9238数据采集DDR3缓存千兆以太网发送实验（二）
    深入浅出-多进程编程
    《MySQL实战45讲》——学习笔记18 “索引失效、函数/隐式转换“【建议收藏】
    maven依赖找不到的解决:手动下载、多镜像导入。
    服务器抓包-tcpdump抓包
    全新锂电池充电板，让充电更加安全
    互联网Java工程师面试题·Java 并发编程篇·第三弹
    dubbo 教程
    elasticSearch的索引库文档的增删改查
  • 原文地址：https://blog.csdn.net/weixin_47188125/article/details/127715281