js 一些基础的理解

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)
时间： 2024-02-24 18:22:16

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

cocos-html5 JS 写法基础 语言核心

转载:http://blog.csdn.net/leasystu/article/details/18735797 cocos2dx 3.0 js继承:John Resiq的继承写法解析 CCClass.js cocos2d-html5/cocos2d/core/platform/CCClass.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

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

模块化 1 IIFE 2 commonjs 3 浏览器中js的模块化 4 简单理解模块加载器的原理  5 es6 之前在参加百度前端技术学院做的小题目的时候,自己写模块的时候 都是写成立即调用表达式(IIFE)的模式,比如单个功能的时候当时想到是不会涉及到全局变量的污染,在封装基础的模块(比如里面的表单验证功能) (function(win){ var obj = {}; function add() { console.log("add"); } obj.add = add; win

JS面试基础

问题: 1.JS中typeof能够得到哪些类型? 考点:JS 的变量类型 2.何时用 双等于 == ?何时用 三等 ===? 考点:强制类型转换 3.window.onload 与 DOMContentLoaded的区别. 4.用JS创建10个<a>标签 ,点击的时候弹出来对应的序号 . 考点:作用域 5.简述如何实现一个模块加载器,实现类似require.js的基础功能. 考点:JS的模块化 6.实现数组的随机排序 考点:JS的基础算法. 1.变量分为值类型和引用类型. var a = 10

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

Node.js基础学习 1:简介 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台.Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好 2:安装 à安装node.js 在官网安装自己win版本的node.js的版本,下载,安装完毕后在运行中输入node -v若是出现版本号就证明安装成功. à安装n

js参数arguments的理解

原文地址:js参数arguments的理解 对于函数的参数而言,如下例子 function say(name, msg){ alert(name + 'say' + msg); } say('xiao', 'hello'); 当调用say()函数时,函数会创建arguments参数数组,这个数组跟形参没有多大关系,即使没有形参, function say(){ alert(arguments[0] + 'say' + arguments[1]); } say('xiao', 'hello');

js写基础insertAfter()方法

DOM没有提供insertAfter()方法,使用js写一个基础的insertAfter()方法. ? 1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> function insertAfter(newElement,targetElement){     var parent = targetElement.parentNode;     if(targetElement == parent.lastCh

7月14日：JS的基础语法

首先,是最近的课程安排: JS的基础语法→BOM→DOM→DOM样式表→JS事件→JS表单→正则表达式: 以下为今天的学习内容: 一.JS的介绍 JS是一种弱类型的解释语言,它用var来定义变量.JS要在网页环境中运行,而Java可以在任何平台使用 二.JS的原始数据类型 undefined:未定义类型和值,无返回值 null:表示不存在的对象 boolean:只有2个值true和false number:数字型,可表示32位的整数和64位的浮点数 string:字符串类型 三.类型的转换 Bo

小白总结的一些关于JS的基础概念

我的第一篇博客 ——JS的那些基础概念 接触前端已经整整一学年了,这是我第一次写博客,感觉心里装了无数只兔子,很紧张,很激动,也很兴奋. 第一次写,也不知道有没有什么套路,需不需要注意文采之类的.不管了,太激动了,我就直接写只要内容吧!下面是我总结的一些关于JS的基础概念: [变量]从字面上面,变量是可变的量:从编程角度讲,变量是用于存储某些/某种数值的存储器.我们可以把变量看作一个盒子用来存储物 品. [数组]变量用来存储数据,一个变量只能存储一个内容.如果你想存储多个内容,那么就可以用数组解

Java基础之理解Annotation(与@有关，即是注释)

Java基础之理解Annotation 一.概念 Annontation是Java5开始引入的新特征.中文名称一般叫注解.它提供了一种安全的类似注释的机制,用来将任何的信息或元数据(metadata)与程序元素(类.方法.成员变量等)进行关联. 更通俗的意思是为程序的元素(类.方法.成员变量)加上更直观更明了的说明,这些说明信息是与程序的业务逻辑无关,并且是供指定的工具或框架使用的. Annontation像一种修饰符一样,应用于包.类型.构造方法.方法.成员变量.参数及本地变量的声明语句中.