zoukankan      html  css  js  c++  java
  • JavaScript基础介绍

    JavaScript

    1、JavaScript的简介
    (1)什么是JavaScript:是基于对象和事件驱动的语言,应用于客户端。
    * 基于对象:
    ** java是面向对象,使用对象需要创建
    ** js里面提供好了一些对象,直接使用

    * 事件驱动:每次滑动鼠标,变换一张图片
    * 客户端:指的是浏览器
    
    
    (2)JavaScript的特点(三个)
    第一个:交互性
    第二个:安全性
        ** JavaScript不能访问本地硬盘里面的文件
    第三个:跨平台性
        ** 在java里面跨平台,通过虚拟机实现的
        ** JavaScript跨平台,只要在系统里面安装了支持JavaScript的浏览器,可以运行JavaScript
    
    (3)Java和JavaScript区别(雷锋和雷峰塔)
    第一,java是sun公司,现在是oracle;JavaScript是网景公司
    第二,java是面向对象的语言,javas是基于对象的语言
    第三,java跨平台需要依靠虚拟机实现,JavaScript只需要浏览器可以运行
    第四,JavaScript弱类型语言,java是强类型的语言
        ** 比如在java里面定义一个变量 int a = 10;   int b = "10";不正确
        ** 在JavaScript里面定义变量都是使用一个关键字 var a = 10;  var b = "10"; var c = true;
    第五,java运行先编译通过虚拟机运行,JavaScript直接使用浏览器运行
    
    (4)JavaScript由三部分组成
    第一部分:ECMAScript
        ** 又ECMA组织制定语句,语法
    第二部分:BOM
        ** broswer object  model:浏览器对象模型
    第三部分:DOM
        ** document object model:文档对象模型
    

    在 或者 的JavaScript
    您可以在 HTML 文档中放入不限数量的脚本。
    脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。
    通常的做法是把函数放入 部分中,其他控件标签等放在标签下。或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

    2、js和html的结合方式
    * 有两种结合方式
    第一种:使用html中的标签
    ** 代码

    alert("aaa");

        ** js的注释有两种
            //单行注释
            /*
            多行注释
            */
    
    第二种:使用html的标签,引入外部的js文件
        <script type="text/javascript" src="js文件的路径"></script>
        * 使用第二种方式的时候有两点注意
        注意一:不要在script标签里面写js代码了,不会执行
        注意二:结束script标签是 </script>,不要在标签内结束
        * 代码
        <script type="text/javascript" src="1.js">
            //不要在script标签里面写js代码了,不会执行
            //alert("aaa");
        </script>
    

    JavaScript:直接写入 HTML 输出流




    <p>//段落
    JavaScript 能够直接写入 HTML 输出流中:
    </p>
    <script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落。</p>");
    </script>
    <p>
    //<strong>字体加粗
    您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    </p>
    </body>
    </html>
    

    JavaScript:对事件的反应 

    <body>
    <h1>我的第一个 JavaScript</h1>
    <p>
    JavaScript 能够对事件作出反应。比如对按钮的点击:
    </p>
    <button type="button" onclick="alert('欢迎!')">点我!</button>
    </body> 
    

     


    function myFunction()
    {
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    }


  • 相关阅读:
    圆 abc模块的练习
    组合,封装,访问限制机制,property,多态,抽象类(了解),鸭子类型,多态旋技操作。
    继承初体验,寻找继承关系,继承背景下和对象属性查找顺序,派生,(子类派生出新的属性,并重新父类的属性),新式类与经典类,钻石继承。钻石继承实现修改jison模块数据类型。
    面向对象继承练习题
    基于面向对象设计一个对战游戏练习。
    面向对象基础,类,对象、对象与类的查找顺序,对象绑定方法的特殊之处,python一切皆是对象
    HihoCoder
    HihoCoder
    2019 牛客暑期多校 第三场 F Planting Trees (单调队列+尺取)
    2019 牛客暑期多校 第八场 A All-one Matrices (单调栈+前缀和)
  • 原文地址:https://www.cnblogs.com/chuliuxiang/p/10960296.html
Copyright © 2011-2022 走看看