• 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>

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

  • 相关阅读:
    matlab中s函数编写心得-转自水木
    webgl编程指南笔记【一】
    node辅助工具npm、yarn、nrm、n、Nodemon
    es6复习笔记
    游戏客户端开发劝退
    一步步搭建现代前端框架(三)
    一步步搭建现代前端框架(二)
    一步步搭建现代前端框架(一)
    vue 生命周期钩子 路由钩子 动画钩子 执行顺序
    怎样提升手机相机照片效果
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15129675.html
Copyright © 2020-2023  润新知