什么中DOM：

DOM是一套对文档内容进行抽象各概念化的方法;

例如：我们对别人说：“猫在沙发上！”；别人听到的不会是“狗已经跑了”；这是因为人类对已有的事物有了一套公有的认识;再比如，有人问你，“左手边第三家饭店叫什么 ”；而回答者必需要理解问话者所说的左手边，与第三的含意；同样的在javaScript也同样实用；当我们通过javaScrit控制某个网页元素，或是改变样式时，首先要获得该元素；而获得这些元素的方法正是DOM所约定的；现代DOM多指W3C所约定的一套针对大多是网页而设定的通用api；

javaScript语法：

在html中引用javaScript方法：

方法一：

将代码放在<head></head>标签之间；

<head><stript>javaScript代码放在此处</stript></head>

方法二：

javaScript.js  //源代码单独文件

<stript src = "javaScript.js"> </script>  //将此标签放在html文件<head>或<body>之中；

更好的做法是放在<body> ......<stript src = "javaScript.js"> </script> </body>更有助于网页加载

变量的声明：

var a, b, c, d;

a = "hello";

b = 12;

c = 15.2;

d = 'y';

也可以一次完成，效率更高：var a = "hello", b = 12, c = 15.2, d = 'y';

数组：

创建数组

var a = Array(4);//指定数组大小为4

var b = Array(); //不指定大小的数组

数组的初始化

a[0] = "frist";

a[1] = 2;

a[2] = 3;

a[3] = true;

也可以一步完成 var c = Array("frist", 2, 3, true);//创建初始化

还有一种更简单的方法 var c = ["frist", 2, 3, true];

数组存放的数据，不一定是同一种类形，还可以将变量存放入数组，甚至是数组存放入数组；

对象：

创建对象

var d = Object();

d.name = "alswd";

d.age = 18;

更简单的方式：var d = {name: "alswd", age: 18};

初始化上文b数组：b[0] = d;

访问数组元素，b[0].name = "alswd"; b[0].age = 18;

操作符：

与c++基本相同；

区别：字符串的+运算

var a = "hello " + “world”;

将两个字符串拼接；最终a = "hello world";

值得注意的是，字符串与数值相加得到的是字符串的拼接

var b = “this is ” + 5; 结果 b = "this is 5";

条件判断，逻辑运算，循环语句基本与其它语言相同

值得注意的是条件判断===是可以判断两个值数据类型与值完全相等

==只判断值相等

函数：

如需要多次使用同一段代码 ，则可以把它封装成函数；

函数的定义：

function name(arguments){}

与c++不同的是，他不需要返回值的类型；取而代之的是关键字function;

对象

可以理解成一个简单版c++类，有属性有方法；

在javaScript中对象主要分为:

用户定义对象:由程序员自己定义的对象

内建对象:内建在javaScript语言里的对象;如Array, Math, Date等;

宿主对象:由浏览器提供的对象;  如window对象;window.alrt("hello world");

DOM

(Document , Object, Model) 文档对象模型每当在浏览器创建一个网页,DOM就会把网页转换成一个文档对象模型;文档称为"节点树";

节点:(node)

元素节点(element node):html上的每一个标签,可以理解为一个元素节点,如<body></body>是一个元素结点;

文本节点(text node):再如<p>"hello "</p> <p>元素包含着文本,他是一个文本节点;在<xhtml>中每个文本节点必需放在元素节点内部;而元素节点不一定都有文本节点;

属性节点(attribute node): 由于属性总是放在起始标签里,所以属性节点总是包含在元素节点中;

获取元素节点对象方法:

document.getElementById("html id 属性");通过元素id返回的是该元素的对象

document.getElementsByTagName("li");返回的是一个元素标签对象数组

document.getElementsByClassName("类名"); 通过类名返回相同元素对象数组

获取元素属性方法:

getAttribute("title"); //由于元素属性节点是继存于元素节点的,所以在使用getAttribute()方法首先要获取此元素节点对象;通过对象调用方法返回属性值

如:<p title = "test"> 测试 </p>

document.getElementsByName("p").getAttribute("title");

设置元素属性方法:

setAttribute("attribute", "new vlau");

总结:

主要使用到的方法:

document.getElementById("id");

document.getElementsByName("element");

document.getElementsByClass("class");

(object.)getAttribute("attribute");

(object.)setAttribute("attribute", "valu");

javaScript第一篇的更多相关文章

  1. javaWeb核心技术第三篇之JavaScript第一篇

    - 概述 - JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言 - 作用:给页面添加动态效果,校验用户信息等. - 入门案例 - js和html的整合 - 方式1:内联式 ...

  2. javascript第一篇----使用简介

    使用技巧 Javascript加入网页有两种方法:直接方式和引用方式. 直接方式 直接调用分为两种形式:代码块和代码行 代码行引用: <a href="javascript:alert ...

  3. 深入理解javascript对象系列第一篇——初识对象

    × 目录 [1]定义 [2]创建 [3]组成[4]引用[5]方法 前面的话 javascript中的难点是函数.对象和继承,前面已经介绍过函数系列.从本系列开始介绍对象部分,本文是该系列的第一篇——初 ...

  4. 《javascript权威指南》读书笔记——第一篇

    <javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本 ...

  5. 深入理解javascript函数系列第一篇——函数概述

    × 目录 [1]定义 [2]返回值 [3]调用 前面的话 函数对任何一门语言来说都是一个核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即 ...

  6. 深入理解javascript作用域系列第一篇——内部原理

    × 目录 [1]编译 [2]执行 [3]查询[4]嵌套[5]异常[6]原理 前面的话 javascript拥有一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则被称为作用域.作用域 ...

  7. 深入理解javascript作用域系列第一篇

    前面的话 javascript拥有一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则被称为作用域.作用域貌似简单,实则复杂,由于作用域与this机制非常容易混淆,使得理解作用域的原 ...

  8. 深入理解javascript函数系列第一篇

    前面的话 函数对任何一门语言来说都是核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即对象,程序可以随意操控它们.函数可以嵌套在其他函数中 ...

  9. JavaScript数组方法大全（第一篇）

    数组方法大全(第一篇) 注意:第一次写博客有点小紧张,如有错误欢迎指出,如有雷同纯属巧合,本次总结参考书籍JavaScript权威指南,有兴趣的小伙伴可以去翻阅一下哦 join()方法 该方法是将数组 ...

随机推荐

  1. 牛客 40F 珂朵莉的约数 (莫队)

    珂朵莉给你一个长为n的序列,有m次查询 每次查询给两个数l,r 设s为区间[l,r]内所有数的乘积 求s的约数个数mod 1000000007 直接莫队暴力维护复杂度是$O(8m\sqrt{m})$. ...

  2. Mysterious Crime CodeForces - 1043D (哈希)

    大意: 给定m个n排列, 求有多少个公共子串. 枚举每个位置, hash求出最大匹配长度. #include <iostream> #include <sstream> #in ...

  3. 非常简约学生管理系统——HashSet进行编写

    很小的一个练习,可以参考一下啊~~~~~~ 1:注意:学生类中进行多个重要方法的重写 package com.xt.homework; public class Student { private S ...

  4. Python（十） —— 多进程多线程

    进程线程概念 进程理解为一个程序,具体完成工作的是线程.比如说启动一个 QQ ,QQ 程序里面可以聊天,设置,查找好友等,那么这些功能就理解成各个线程,也就是单进程多线程的一个模式.进程理解成人脑子, ...

  5. Css文字效果

    1.文字样式:font-family 字体:sans-serif(字体醒目):serif(笔画的开始和结束有额外的修饰部分,易读性较强) *页面设计最好有多个备选字体 2.文字大小:font-size ...

  6. 使用SSH连接AWS服务器

    使用SSH连接AWS服务器 一直有一台AWS云主机,但是之前在Windows平台都是使用Xshell连接的,换到Ubuntu环境之后还没有试,昨天试了一下,终于使用SSH连接成功了,这里记录一下步骤: ...

  7. centos 配置mysql主从复制

    mysql+centos7+主从复制   MYSQL(mariadb) MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可.开发这个分支的原因之一是:甲骨文公 ...

  8. Java基础——2 操作符

  9. OGG学习笔记01

    OGG学习笔记01-基础概述OGG(Oracle Golden Gate),最近几年在数据同步.容灾领域特别火,甚至比Oracle自己的原生产品DataGuard还要风光,主要是因为其跨平台.跨数据库 ...

  10. kbmMW 5.09测试报告（1）-Scheduler

    这个版本除了增加新的SmartBinding功能,同时提供了大量的功能更新以及bug修正.其中,SmartBinding的介绍,xalion已经第一时间写了初识kbmmw 中的smartbind功能, ...