zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    web前端的发展态势
    AngularJs 简单入门
    css代码优化篇
    git提交报错:Please make sure you have the correct access rights and the repository exists.
    Activiti工作流框架学习
    遍历map集合的4种方法
    js设置日期、月份增加减少
    Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986
    webservice_rest接口_学习笔记
    相互匹配两个list集合+动态匹配${}参数
  • 原文地址:https://www.cnblogs.com/JasperZhao/p/15129675.html
Copyright © 2011-2022 走看看