• JavaScript基础


    1、Java和JavaScript的关系?

    没有关系,雷锋和雷峰塔的关系。

    2、JavaScript的作用?

      HTML:它是整个网站的骨架

      CSS:它是对整个网站骨架的内容进行美化(修饰)

      Javascript:它能够让整个页面具有动态效果。

    3、JavaScript的组成部分

    ECMAScript:它是整个 JavaScript的核心,包含(基本语法、变量、关键字、保留字、数 据类型、语句、函数等等)

    DOM:文档对象模型,包含(整个 html 页面的内容)

    BOM:浏览器对象模型,包含(整个浏览器相关内容)。

    4、JavaScript的变量

    变量可以不用声明,变量是弱类型。

    统一使用 var 来定义,如果在函数的内容中使用var定义,那么它是一个局部变量,如果没有使用var它是一个全局的。

    定义变量的时候不要使用关键字和保留字。

    5、JavaScript的数据类型

    Javascript 数据类型分为原始数据类型和引用数据类型

    原始数据类型:  string、number、boolean、null、undefined

    引用数据类型:Array、Boolean、Date、Math、Number、String、RegExp

    6、JavaScript运算符

    其它运算符与 java 大体一致,需要注意其等性运算符

    == 它在做比较的时候会进行自动转换

    === 它在做比较的时候不会进行自动转换。

    例如:

      var sNum = "66";

      var iNum = 66;

      alert(sNum == iNum); //输出 "true"

      alert(sNum === iNum); //输出 "false"

    7、获取元素内容

    获取元素 document.getElementById(“id 名称”);                    //如果 id 是一个字符串,那么必须 加上引号,如果是一个变量则不需要      

    获取元素里面的值 document.getElementById(“id 名称”).value;

    8、JavaScript事件 

    表单提交事件:onsubmit()此事件写在form标签中,必须有返回值

    页面加载事件:onload()此事件只能写一次并且放到body标签中

    其他事件放到需要操作的元素位置(onclick、onfocus、onblur)

    9、JavaScript的输出 

    1)警告框:alert();

    2)向页面指定位置写入内容:innerHTML(属性)

     1 <!DOCTYPE html>
     2 <html>
     3     <body>
     4 
     5         <h1>My First Web Page</h1>
     6 
     7         <p id="demo">My First Paragraph</p>
     8 
     9         <script>
    10             document.getElementById("demo").innerHTML="My First JavaScript";
    11         </script>
    12 
    13     </body>
    14 </html>

    3)向页面写入内容:document.write(“”);

     1 <!DOCTYPE html>
     2 <html>
     3     <body>
     4 
     5         <h1>My First Web Page</h1>
     6 
     7         <script>
     8             document.write("<p>My First JavaScript</p>");
     9         </script>
    10 
    11     </body>
    12 </html>

    实现的效果一样。

  • 相关阅读:
    c语言排序算法
    冒泡 选择排序
    冒泡排序算法
    Pandas数据预处理
    Mongodb的安装和配置
    Mysql练习题
    5 根据过去的行为能否预测当下
    Sklearn逻辑回归
    4 如何通过各种广告组合获取更多的用户
    Sklearn多元线性回归
  • 原文地址:https://www.cnblogs.com/cxq1126/p/7392579.html
Copyright © 2020-2023  润新知