JavaScript: 介绍 & HTML与javaScript结合方式

1 JavaScript介绍

  <1>虽然是java作为前缀,但java和javascript的关系,就像老婆和老婆饼之间的关系,没有一毛钱关 系!

  <2>网景公司在Netscape2.0首先推出了JavaScript

  <3>JavaScript 的正式名称是 “ECMAScript”,此标准由 ECMA 组织发展和维护,简称“js”

  <4>JavaScript 是一种网页编程技术,用来向 HTML 页面添加交互行为

  <5>JavaScript 是一种基于对象和事件驱动的解释性脚本语言,直接嵌入 HTML 页面,由浏览器解释 执行代码,不进行预编译。

 

js的特点

  可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序 (后面会学习不用浏览器也能运 行)

  解释执行:事先不编译,逐行执行

  基于对象:内置大量现成对象

  适宜:

    客户端数据计算

    客户端表单合法性验证

    浏览器事件的触发

    网页特殊显示效果制作

 

js的组成

  ECMAScript:定义核心语法,关键字,运算符,数据类型等系列标准

  DOM:文档对象模型,将一个html页面的所有节点看成是一个一个的对象。更有层次感的管理每 一个节点。

  BOM:浏览器对象模型,是对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改 变状态栏中的文本以及执行其他与页面内容不直接相关的动作:

      弹出新的浏览器窗口

      移动、关闭浏览器窗口以及调整窗口大小

      提供 Web 浏览器详细信息的定位对象

      提供用户屏幕分辨率详细信息的屏幕对象

      对 cookie 的支持

      IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX对象,进而 实现ajax局部刷新技术

 

2 HTML与javaScript结合方式

使用js的三种方式

 

行内脚本

1. 点击按钮(触发)

2. 弹框(具体的操作)

<button onclick="alert('弹框测试')">点我一下</button>

 

内部脚本

  1. 使用<script></script>

  2. 标准是写在head和body之间(脖子位置),但其实只要写在html文件内部就可以,无论什么位置 , <html>外,

            <p></p>内部,都可以。

 

<body>
    <script>
        alert("弹框");
    </script>
</body>

 

 

外部脚本

  1. 在项目根目录下创建一个目录js

  2. 在js目录中创建一个文件,后缀名是.js

  3. 在html页面中,使用

  

<script src="js/xx.js"></script>

以上使用脚本的三种方式的优先级,谁在上,谁先执行。因为是解释性语言。

 

posted @ 2021-08-11 18:26  Jasper2003  阅读(174)  评论(0编辑  收藏  举报