一、JavaScript概述

     JavaScript是一种专为与网页交互的脚本语言，由三部分组成。

    

     ECMAScript

     核心，提供核心语言功能。

     BOM(浏览器对象模型)

     BOM(Browser Object Model)浏览器对象模型，提供与浏览器交互的方法与接口。

     DOM(文档对象模型)

     DOM(Document Object Model)文档对象模型，提供访问和操作网页内容的方法和接口。DOM把整个页面映射为一个多层节点结构。看下面这个HTML页面:

<html>

    <head>

        <title>Test</title>

    </head>

    <body>

        <p>Hello,World</p>

    </body>

</html>

     通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如的删除、添加、替换或修改任何节点。

 

二、在HTML中使用JavaScript

<script>元素

    向HTML页面插入JavaScript的主要方法就是使用<script>元素，它有以下几个属性。

async

     可选。表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。比如下载其他资源或者加载其他脚本，只对外部脚本文件有效。

 

charset

     可选。表示通过src属性指定代码的字符集，由于大多浏览器会忽略它的值，这个属性很少有人用。

 

defer

     可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。即立即下载，延迟执行。

 

src

     可选。表示包含要执行代码的外部文件。

 

type

     可选。表示编写代码使用的脚本语言的内容类型(MIME类型)，默认为text/javascript。

 

注意:    

(1)使用<script>元素的方式有两种:直接在页面嵌入JavaScript代码和包含外部JavaScript文件。

(2)需要注意的是，带src属性的<script>元素不应该在两个标签之间再包含额外的JavaScript代码，如果包含了嵌入代码，则只会下载并执行外部脚本文件，嵌入的代码将会被忽略。

(3)无论如何包含代码，只要不存在defer和async属性，浏览器会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>这是测试页面</title>

        <script type=text/javascript>

            alert("Hello");

        </script>

    </head>

    <body>

       Hello,World

    </body>

</html>

JavaScript基础学习(一)—JavaScript简介的更多相关文章

  1. JavaScript基础学习(二)—JavaScript基本概念

    一.语法 1.区分大小写     JavaScript是一种弱类型的脚本语言.它区分大小写,变量名test与Test表示两个完全不同的变量.   2.标识符      所谓标识符就是变量.函数.属性的 ...

  2. JavaScript 基础学习1-day14

    JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...

  3. 48.javascript基础学习

    javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...

  4. JavaScript 基础学习（二）js 和 html 的结合方式

    第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...

  5. JavaScript 基础 学习 （四）

    JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理 ...

  6. JavaScript 基础 学习（三）

    JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...

  7. JavaScript 基础 学习 （二）

    JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeT ...

  8. JavaScript 基础 学习 （一）

    JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 ​ 比如:id,类名,标签名,选择器 的方式来获取元素 ​ 伪数组: ​ 长的和数组差不多,也是按照索引排 ...

  9. JavaScript 基础学习（一）JavaScript 简介

    定义 JavaScript是基于对象和事件驱动的语言,应用与客户端.其中: 基于对象:提供好了很多对象,可以直接拿过来使用 事件驱动:html做网站静态效果,javascript动态效果(网页能根据客 ...

随机推荐

  1. nodejs 代码设计模式1：同步函数变异步

    同步函数变异步 1 问题: 1.1 碰到需要调用你刚正在创建的对像. function createServer(data, cb) { data.num = 1; cb(); return data ...

  2. 计算机程序的思维逻辑 (70) - 原子变量和CAS

    从本节开始,我们探讨Java并发工具包java.util.concurrent中的内容,本节先介绍最基本的原子变量及其背后的原理和思维. 原子变量 什么是原子变量?为什么需要它们呢? 在理解synch ...

  3. 每天一个linux命令(44)--ss命令

    ss 是 socket statistics 的缩写.顾名思义,ss 命令可以用来获取socket 统计信息,它可以显示和netstat 类似的内容.但 ss 的优势在于它能够显示更多更详细的有关TC ...

  4. 每天一个Linux命令（04）--mkdir命令

    Linux mkdir 命令用来创建指定的名称的目录,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录. 1.命令格式: mkdir [选项]目录 2.命令功能: ...

  5. Ansible 入门 (1) - 安装和配置

    本文参考 <Ansible 自动化运维和最佳实践>,这两天刚读这本书,写写总结.主控机环境是 centos 7,被控机均是 centos 6.8 . 确保 python 版本大于 2.6 ...

  6. HTML，login文本框·

    列子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...

  7. 前端布局常见IE6 bug的解决方法，清除浮动的几种方法以及各自的优缺点

    相信有很多前端的朋友再布局的时候经常面对IE6咬牙切齿,尤其是刚刚入行的朋友,在这里给大家一点常见问题的解决方案,希望对大家有所帮助 1)png24位的图片在iE6浏览器上出现背景,解决方案是做成PN ...

  8. tp框架知识 之（链接数据库和操作数据）

    框架有时会用到数据库的内容,在"ThinkPhp框架知识"的那篇随笔中提到过,现在这篇随笔详细的描述下. 一.链接数据库 (1)找到模块文件夹中的Conf文件夹,然后进行编写con ...

  9. 设置查询对话框的F7

    1.定义自己的处理类public class MyQueryProcessor extends FMDefaultQueryProcessor { @Override public void proc ...

  10. KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架之koahub-skip

    koahub-skip koahub skip middleware koahub skip Conditionally skip a middleware when a condition is m ...