一、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. Linux系统安全需要注意的一些问题

    写在前面:当你部署一台服务器,第一步不应该是部署应用,安全是才是首要任务 如果某一天当你登录服务器发现 /bin/bash –i,python -c 'import pty; pty.spawn(&q ...

  2. Unity3d中如何混用三种脚本语言？

    首先要明白,这三种说的混用是指文件级别的混用,就是说一个文件是由一种语言写的.而不是说你这一个文件可以混用这三种语言,注意这是不允许的. 第二要明白,在unity3d中为什么可以使用三种语言混合开发? ...

  3. 【CNMP系列】PHP配置和调优

    上一节我们说到PHP5.6.30在CentOS7.0下的整个安装过程,http://www.cnblogs.com/riverdubu/p/6428226.html 今天我来和大家讲解一下PHP-FP ...

  4. HttpWebRequest 模拟网站登录获取数据

    此文档仅仅是一个BaseCode,已做后续查阅 项目使用IBM Platform Symphony分布式平台,所有业务处理都在这个分布式平台上计算,需求是获取这些计算机机群的运行状态,和每一个服务的的 ...

  5. mysql 命令备份

    导出要用到MySQL的mysqldump工具,基本用法是:    shell> mysqldump [OPTIONS] database [tables]    如果你不给定任何表,整个数据库将 ...

  6. 批量删除的PHP

    第一个页面shanchu.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  7. iOS 图片裁剪方法

    iOS 图片裁剪方法 通过 CGImage 或 CIImage 裁剪 UIImage有cgImage和ciImage属性,分别可以获得CGImage和CIImage对象.CGImage和CIImage ...

  8. Unity3D换装系统

    转载请注明出处:http://www.cnblogs.com/shamoyuu/p/6505561.html 一.换装原理 游戏角色换装分为以下几步: 1.替换蒙皮网格 2.刷新骨骼 3.替换材质 上 ...

  9. h5标签基础 表单form

    表单:收集用户信息 一. 组成: 文本框<input type="text"/> 密码框<input type="password"/> ...

  10. Linux服务器下Java环境搭建

    前言: 在centOS下,像阿里云等都预先设置了jdk,不过不是SUN的java JDK,一般情况要重新装jdk,而且一般情况下自己装的Jdk相对来说易控制版本,稳定性更高.所以以下是我卸载预装jdk ...