JavaScript，男，web页面的一种脚本编程语言，1955年诞生，妻子为HTML，魔法能力是将静态页面（经过与用户交互与相应）转变为动态页面。

刚进入浏览器市场（魔界）的时候，也就是js1.0岁的时候，心高气傲，为非作歹，经常化作三种形态（版本）的外貌在程序街兴风作浪。1977年，欧洲计算机制造商协会（ECMA）出马，标准化了JavaScript，终于将他驯服。所以至今js背上都刻着当初那道符咒残留下来的伤疤，这也成为他的一个引人注目的标志，当初收服就是的符咒被称为“ECMAScript程序语言的规范书”，又叫“ECMA-262标准”。

一、js的主要特点

1、解释性：源代码不需要变异就可以被浏览器解释，因此他是解释性语言。而比如像C、C++，都是要编译的。

2、基于对象：基于对象的语言，就是能运用自己创建的对象。

3、事件驱动：可直接对输入做出响应，无序经过web服务程序，而他的响应，就来自事件驱动。

4、跨平台：只依赖与浏览器，与操作环境无关，只要电脑能运行浏览器，就能执行js。

5、安全性：只能通过浏览器实现信息浏览或动态交互，不能碰本地硬盘，不能把数据存入服务器，更不能对网络文档进行修改和删除。

二、js在HTML中的使用

在web网页中，使用JS有三种方法。第一种：在页面中直接嵌入JS代码；第二种：链接外部JS文件；第三种：作为特定标签的属性值使用。

第一种方法：在页面中直接嵌入JS代码。

该方法是使用<script></script>标记，把JS代码放在标记里面，同时把标记放在<body>或者<head>标签里面。该标记共有四个属性。

（1）language：指定HTML中使用的脚本语言及版本。现已经被type属性代替。

（2）type：指定HTML中使用的脚本语言及版本。<script type='text/javascript'></script>，必填项。

（3）src：指定外部脚本文件的路径。

（4）defer：文档加载完毕后再执行脚本，<script defer/>：当脚本语言不需要立即运行时，设置defer后，浏览器将不必等待脚本语言装载，这样页面加载就更快。如果一些脚本需要在加载过程中或加载完成后立即执行，就不需要defer属性了。

例：

<script type='text/javascript'>

console.log('在页面中嵌入JS代码');

</script>

第二种方法：链接外部JS文件，src属性也就成了必填项。这是最常用的方法。

该方法是使用<script></script>标记，把JS代码放在标记里面，同时把标记放在<body>或者<head>标签里面。

例：

<script type='text/javascript' src='01.js'></script>

第三种方法：作为标签的属性值使用，不常用到，不写了。

顺便，提一句样式表的引用。不同的是，它不是通过标签引用，而是通过<link />链接引用的。同样也是应用了2个属性，但是属性值与js不一样,它们分别是rel和href。比如：

<link rel="stylesheet" href='./secret.css' />
 
 
三、JS的DOM
DOM的级别共有两级别
W3C在98年10月标准化了DOM第一级，定义了基本的接口。00年11月标准化了DOM的第二级，对接口进行升级，并定义了文档事件和CSS样式表的标准API。
 
（1）节点常用的属性如下：
nodeName——
NodeType
NodeValue
（2）遍历文档树
 当前节点的最后一个子节点——obj.lastChild
当前节点的父节点——obj.parentNode
那么，如果想要获取爷爷节点话，怎么办呢？就是父节点的父节点。
 
 
 
四、DOM的操作
（1）创建节点
1、创建新节点
createElement()
createTextNode()
appendChild()
2、创建多个节点
使用循环语句，常见多个节点
3、创建多个节点——碎片节点
createDocumentFragment()方法
 
（2）插入节点
insertBefore(new,ref)
在ref节点前插入new节点
js没有提供insertAfter方法，我好像明白为什么没有这个方法的原因了。因为如果想要在某个节点后面插入新的节点，其实就是在该节点的容器中插入新的节点，只要找到这个节点所在的容器，然后使用append()方法或appendChild()方法，就能达到这样的效果了。
目前还未发现append方法和appendChild方法的区别。
 
（3）复制节点
obj.cloneNode(deep)
deep为布尔值，深度复制或简单复制。
 
（4）删除与替换节点
obj.removeChild(oldChild)
obj.replaceChild(new,old)
obj是该节点所在的父节点。
 
五、DHTML
通过DOM可以获取网页对象，通过DHTML对象模型的方法，也可以获取网页对象。
优点：可以不必了解文档对象墨香的具体层次结构，直接得到网页中所需要的对象。
innerHTML、innerText、outerHTML、outerText四个属性可以很方便的读取和修改HTML元素内容。
 
 
 
 
 
 
 
 
 

JavaScript简单简介的更多相关文章

  1. JavaScript面向对象简介

    JavaScript面向对象简介 @(编程) [TOC] 1. 命名空间 命名空间是一个容器,它允许开发人员在一个独特的,特定于应用程序的名称下捆绑所有的功能. 在JavaScript中,命名空间只是 ...

  2. JavaScript简单入门(补充篇)

    本文是对上一篇 JavaScript简单入门 的一些细节补充. 一.全局变量和局部变量 在<script>标签内定义的变量是当前页面中的全局变量.即 <script>标签可以直 ...

  3. 《javascript高级程序设计》读书笔记（一）javascript简单介绍

    第一章:javascript简单介绍 Netscape Navigator 开发的javascript   Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. ...

  4. Javascript 简单实现鼠标拖动DIV

    http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/art ...

  5. JavaScript(一)——简介（简单介绍）

    1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),J ...

  6. [Java Web] 4、JavaScript 简单例子(高手略过)

    内容概览: JavaScript简介 JavaScript的基本语法 JavaScript的基本应用 JavaScript的事件处理 window对象的使用 JavaScript简介: JavaScr ...

  7. JavaScript 简单介绍

    一.简介 JavaScript是一门面向对象的动态语言,他一般用来处理以下任务: 修饰网页 生成HTML和CSS 生成动态HTML内容 生成一些特效 提供用户交互接口 生成用户交互组件 验证用户输入 ...

  8. JavaScript简单分页，兼容IE6，~3KB

    简介 兼容IE6+及现代浏览器的简单分页,支持同一页面多个分页. 使用 Browser <link rel="stylesheet" href="css/GB-pa ...

  9. javascript - 简单实现一个图片延迟加载的jQuery插件

    最近在看一本书<Third-Party Javascript>很不错,推荐给大家,下载地址各位自己搜索了. 步骤: 1.打开google,鉴于google基本打不开,那么就打开这个网址吧. ...

随机推荐

  1. P3374 【模板】树状数组 1--洛谷luogu

    题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某一个数加上x 2.求出某区间每一个数的和 输入输出格式 输入格式: 第一行包含两个整数N.M,分别表示该数列数字的个数和操作的总个数. ...

  2. 如何备份和恢复你的TFS服务器（三）

    进行一次备份 当然,如果你已经建立了一个时间表,那么备份会在指定的时间自动地进行,但是我真的无法给你展示一张很酷的截图——那是不可见的:).无论你是否建立了一个时间表.你都可以在任意时间执行一次完整的 ...

  3. 警告:Establishing SSL connection without server's identity verification is not recommended

    SpringBoot启东时红色警告: Mon Jun 04 00:53:48 CST 2018 WARN: Establishing SSL connection without server's i ...

  4. 开源Dapper的Lambda扩展-Sikiro.Dapper.Extension V2.0

    前言 去年我在业余时间,自己整了一套dapper的lambda表达式的封装,原本是作为了一个个人的娱乐项目,当时也只支持了Sql Server数据库.随之开源后,有不少朋友也对此做了试用,也对我这个项 ...

  5. Windows Community Toolkit 3.0 - UniformGrid

    概述 UniformGrid 控件是一个响应式的布局控件,允许把 items 排列在一组均匀分布的行或列中,以填充整体的可用显示空间,形成均匀的多个网格.默认情况下,网格中的每个单元格大小相同. 这是 ...

  6. 朱晔和你聊Spring系列S1E3：Spring咖啡罐里的豆子

    标题中的咖啡罐指的是Spring容器,容器里装的当然就是被称作Bean的豆子.本文我们会以一个最基本的例子来熟悉Spring的容器管理和扩展点. 阅读PDF版本 为什么要让容器来管理对象? 首先我们来 ...

  7. [书籍]用UWP复习《C#并发编程经典实例》

    1. 简介 C#并发编程经典实例 是一本关于使用C#进行并发编程的入门参考书,使用"问题-解决方案-讨论"的模式讲解了以下这些概念: 面向异步编程的async和await 使用TP ...

  8. 通用权限管理系统多语言开发标准接口 - java，php 调用标准接口程序参考

    1:公司里有多个业务系统,需要进行统一重构,有PHP的.有Java的.有.NET的,甚至还有 Delphi 的. 2:公司里有多个数据库系统,有mysql的.有sqlserver的.还有oracel的 ...

  9. Python之json使用

    一.概念 json是一种通用的数据类型,任何语言都认识 接口返回的数据类型都是json 长得像字典,形式也是k-v { } 其实json是字符串 字符串不能用key.value来取值,要先转成字典才可 ...

  10. 学习memcache

    本文参考了菜鸟教程中的内容. 安装 安装memcache的时候,请切换为root用户 root@centos # wget http://www.memcached.org/files/memcach ...