极其简短的js基础

  • 1.网页的组成
    • html(结构)
    • css(表现)
    • javascript(行为)
    • 书写顺序
  • 2.JavaScript的作用
  • 3.js的引入方式
    • 行内引入:安全性低
    • 内嵌式:写在script标签中
    • 外链式:通过script标签的src属性
  • 4.JS中的输出方式
  • 5.JS的组成
    • ECMAScript(可以理解为是javascript的一个标准)
    • DOM(document object model 文档对象模型)
    • BOM(browser object model 浏览器对象模型)
  • 6.JS的命名规范
    • 严格区分大小写
    • 使用驼峰命名法(匈牙利命名法)
    • 不能使用关键字和保留字
    • 在真实项目中我们一些约定俗称的规范:
    • 命名前缀建议
  • 7.JS中的变量
    • 变量
    • 变量的作用
    • 声明一个变量
    • 变量类型
      • 1.JavaScript 拥有动态类型
      • 2.JavaScript 字符串
      • 3.JavaScript 数字
      • 4.JavaScript 布尔
      • 5.JavaScript 数组
      • 6.JavaScript 对象
      • 7.Undefined 和 Null
      • 8.声明变量类型
  • 以上为全部内容,极其简短,望见谅!

1.网页的组成

html(结构)
  • HTML:超文本标记语言除了可以渲染和容纳文字以外还可以容纳图片、音视频等;
  • XHTML:更加严谨的超文本标记语言;
  • HTML5:基于HTML的基础上增加许多强大并且非常实用的API;
  • DHTML:网页中的内容是通过JS动态绑定的;
css(表现)
  • css:层叠样式表
  • css3:源于css的基础上增加了一些非常方便我们开发的样式属性,例如:border-radius:20px;可以实现盒子的属性。
javascript(行为)
  • 一门轻量级的客户端脚本编程语言,运行在客户端,运行在浏览器上的语言,编程语言,都是面向对象来开发的。
书写顺序
  • 先加载css, 再加载html代码,保证页面好看,最后在body的最后面加载js,因为js主要用来操作HTML元素的

2.JavaScript的作用

  • 1.实现页面产品中的交互效果,例如:我选中那个一个图片,就展示对应的大图(选项卡思想),局部导航定位,轮播图等等,凡是能够操作交互的一般情况都是需要JS处理。

  • 2.把数据绑定到一个html页面中,我们通过JS中提供的AJAX、JSONP技术,从后台服务器上获取所需要的数据,并且绑定在页面中呈现给用户,以后只需要后台把数据更改了,前端页面的数据会自动的跟着进行更改

  • 3.用JS语言写服务器后台,进行文件处理,数据存储分析,业务逻辑处理等核心的操作(nodeJS)


3.js的引入方式

  • 行内引入:安全性低
 
  
  1. <div style="width: 300px;background: red; border-radius: 20px" onclick="alert('OK')">你好div>
  • 内嵌式:写在script标签中
 
  
  1. [removed]("

    我的第一段 JavaScript

    "
    );
  • 外链式:通过script标签的src属性
 
  
  1. [removed]('')
  • 注意:我们使用外链式引入JS,通过src把外部文件引入到当前的HTML页面,在它的

你可能感兴趣的:(极其简短的js基础)