zoukankan      html  css  js  c++  java
  • 自学js(一)--js的编写位置&js的基本语法


    alert("控制浏览器弹出一个警告框")
    document.write("XXXXX")可以向body中输出一个内容
    console.log("XXXXX")向控制台输出一个内容

    1.js的编写位置

    • 将js写到标签的onclick属性中,但我们点击按钮时js代码才会执行
    • 可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码
      不建议以上两种使用,因为高耦合,不方便维护
    • 可以将js代码编写到外部js文件中,然后通过script标签引入

    优势:写到外部文件中可以在不同的页面中同时引用,也可以利用浏览器缓存机制

    2.js的基本语法

    js中严格区分大小写
    js中每一条语句以分号(;)结尾

    注释

    多行注释:/* */
    单行注释://

    js的字面量和变量

    • 字面量都是一些不可改变的值,常量
    • 变量:可以用来保存字面量,而且变量的值是可以任意改变的
      在js中使用var关键字来申明一个变量
      var a=123;

    标识符

    在JS中所有的可以由我们自主命名的都可以称为是标识符
    例如:变量名、函数名、属性名都属于标识符
    标识符命名规则:
    标识符中可以含有字母、数字、_、$
    标识符不能以数字开头
    标识符不能是js中的关键字或保留字

    数据类型

    数据类型指的是字面量的类型
    String 字符串
    Number 数值
    Boolean 布尔值
    Null 空值
    Undefined 未定义
    Object 对象

    Object为引用数据类型,其余为基本数据类型

    • String字符串
      在js中字符串需要使用引号括起来
      双引号或单引号都可以但是不要混着用
      在字符串中可以使用作为转义字符,当使用一些特殊符号时可以使用进行转义
      表示换行 制表符

    • Number
      js中所有的数值都是Number类型,(包括整数和浮点数)
      可以使用一个运算符typeof来检查一个变量的类型
      语法:typeof 变量名
      检查字符串时,会返回string
      检查数值时,会返回number

      • console.log(Number.MAX_VALUE);输出number可以表示的最大值,如果使用Number表示的数字超过了最大值,则会返回一个Infinity表示正无穷
      • NaN 表示不是一个数字(如果两个字符相乘),但他的类型也是number

    Boolean 布尔值

    true和false

    Null和Undefined

    • Null类型的值只有一个,就是null
      null这个值专门用来表示一个为空的对象
    • Undefined(未定义)类型的值只有一个,就是undefind
      当声明一个变量,但是并不给变量赋值时,就是undefined
  • 相关阅读:
    弹出框 popover.js
    模态框 modal.js
    关于css阴影和浮动
    css文件分类
    按钮效果
    二级导航栏
    在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理
    CSS3背景定位 background-origin
    什么是优雅降级和渐进增强
    居中
  • 原文地址:https://www.cnblogs.com/psyduck/p/14064402.html
Copyright © 2011-2022 走看看