• 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 函数";
    }


  • 相关阅读:
    (selenium+python)_UI自动化02_元素定位
    (selenium+python)_UI自动化01_Mac下selenium环境搭建
    2019_Chrome和ChromeDriver对应关系
    charles_02_模拟弱网测试
    charles_01_打断点修改接口请求&返回数据
    Jmeter和LoadRunner的区别
    Linux 系统结构,nglinx
    jmeter,badboy,jar包文件 常数吞吐量计时器?
    863公司 linux软测题
    linux centOS 7 GUI安装
  • 原文地址:https://www.cnblogs.com/chuliuxiang/p/10960296.html
Copyright © 2020-2023  润新知