javascript(JS)的组成?

  • DOM 文档对象模型
  • BOM 浏览器对象模型
  • ECMAScript

javascript(JS)在页面中处理了什么事情?

  • 特效交互
  • 数据交互
  • 逻辑操作

常见特效的原理

  • 通过js修改元素的css样式,来操作元素的变化

js可以写在哪

  • 写在写标签内部,行间事件(不允许使用)
  • 写在页面内部专门的script标签中
  • 写在专门的js文件中(注意文件的后缀名是.js),通过script标签的src引入文件

获取元素

  • 如果说要获取的是个id,可以直接写元素的id名
  • document.getElementById('idName') 获取Id

调试

  • alert() 弹出对话框 接受的是个字符串
  • console.log() 打印控制台

属性操作

  • .

    • 属性读操作 (获取元素的属性值)

      • class 不叫class,叫className
      • style 操作的是元素的行间样式
      • 获取src时候,获取到的是绝对路径
      • 获取background这类复合样式的时候,firefox下可以获取到复合样式中的所有样式而chrom下获取到的只是我们写了的样式
      • 设置了十六进制颜色,但是获取的时候,获取到的是rgb颜色
      • 遇到"-",删除"-"首字母大写
    • 属性的写操作 (修改元素的属性值)

      • 把等号右侧的值赋给左侧
      • cssText 获取style中所有内容
        • 直接修改cssText会覆盖,style中的所有内容,如果不想覆盖之前的所有内容,可以直接写 style,或者用 +=
      • cssText = "" 可以直接情况所有的行间样式
    • innerHTML 元素的内容

      • 从元素的开标签到闭合标签之间的所有内容,包括元素中包含的子元素
      • 直接设置元素的innerHTML,或替换掉之前的所有内容,如果不想替换只是添加内容用 +=

字符串

  • 一种数据格式,引号包起来的一串字符

undefined

  • 一种数据类型,未定义

+号运算符

  • 加法运算
  • 链接两个字符串
  • += (a += b --- a = a + b)

js 一些基础的理解的更多相关文章

  1. js的基础(平民理解的执行上下文/调用堆栈/内存栈/值类型/引用类型)

    与以前的切图比较,现在的前端开发对js的要求似乎越来越高,在开发中,我们不仅仅是要知道如何运用现有的框架(react/vue/ng), 而且我们对一些基础的知识的依赖越来越大. 现在我们就用平民的方法 ...

  2. js 模块化的一些理解和es6模块化学习

    模块化 1 IIFE 2 commonjs 3 浏览器中js的模块化 4 简单理解模块加载器的原理  5 es6 之前在参加百度前端技术学院做的小题目的时候,自己写模块的时候 都是写成立即调用表达式( ...

  3. css+js+html基础知识总结

    css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...

  4. JavaScript--我发现,原来你是这样的JS(基础概念--灵魂篇,一起来学js吧)

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂 ...

  5. 理解Babel是如何编译JS代码的及理解抽象语法树(AST)

    Babel是如何编译JS代码的及理解抽象语法树(AST) 1. Babel的作用是?   很多浏览器目前还不支持ES6的代码,但是我们可以通过Babel将ES6的代码转译成ES5代码,让所有的浏览器都 ...

  6. node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  7. js参数arguments的理解

    原文地址:js参数arguments的理解 对于函数的参数而言,如下例子 function say(name, msg){ alert(name + 'say' + msg); } say('xiao ...

  8. js赋值运算的理解

    简介 js引擎由于为了效率,很多时候的非直接量赋值都不是copy一份在赋值给新的变量,而是一个引用 ps:直接量:直接值数字字符串等 为什么使用len = doms.length; 里的len效率要比 ...

  9. Node.js系列基础学习----安装,实现Hello World, REPL

    Node.js基础学习 简介 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台.Node.js是一 ...

随机推荐

  1. Yii2中系统定义的常用路径别名,如果获取web的url

    下面这些别名都是在Yii2里面系统定义的,可以直接拿来就用 '@yii' => '@yii/swiftmailer' => string 'C:\wamp\www\advanced\ven ...

  2. 关于近期需要学习sqlserver2008

    在胜利油田物探院借了一本书叫做 sqlserver2008宝典 第二版,但是看不下去 下面打算直接安装数据库上手了,边练边学

  3. thymeleaf中的条件判断用法

    一.简单的条件:“if”和“unless” th:if用法实例: <table> <tr> <th>NAME</th> <th>PRICE& ...

  4. web2py--------------用web2py写 django的例子 --------建立一个投票应用(2)

    建立模型 我们在models下及那里polls.py 文件内容如下 # -*- coding: utf-8 -*- pollsdb=DAL(uri='sqlite://polls.db') polls ...

  5. MAVEN 工程打包resources目录外的更多资源文件

    首先,来看下MAVENx项目标准的目录结构: 一般情况下,我们用到的资源文件(各种xml,properites,xsd文件等)都放在src/main/resources下面,利用maven打包时,ma ...

  6. oracle的内存管理(之中的一个)

    [深入解析oracle-eygle]学习笔记 1.内存管理 ORACLE数据库所使用的内存主要涉及到两个方面:PGA和SGA. 1.1 PGA管理 PGA指的是程序全局区(Program Global ...

  7. 启用phpstorm代码提示功能

    参考:http://www.dawnfly.cn/article-1-331.html mac下实际上将省电禁用即可

  8. 【Spark】SparkStreaming-输出到Kafka

    SparkStreaming-输出到Kafka sparkstreaming output kafka_百度搜索 SparkStreaming采用直连方式(Direct Approach)获取Kafk ...

  9. JQuery Mobile - 如何让listview不显示向右的箭头?

    先看一下有向右箭头的截图吧 这个listview第二个项目,就有向右的箭头,如果单纯显示具体数据,没有扩展显示的内容,那么这个向右的箭头就是多余的,在这种情况下,最好是去掉这个向右箭头,程序中已经在第 ...

  10. [HackerRank] The Longest Common Subsequence

    This is the classic LCS problem. Since it requires you to print one longest common subsequence, just ...