美文网首页
JS基础语法1

JS基础语法1

作者: 洛洛kkkkkk | 来源:发表于2017-04-18 19:31 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JS基础语法</title>
        <style type="text/css">
            .redDiv{
                width: 200px;
                height: 200px;
                background-color: red;
            }
        </style>
    </head>
    <body>
        <div class="redDiv" id="first"></div>
    </body>
    <!--script是一个比较随便的标签,可以放在body下面,body里面,head里面等位置,script本身放在任何位置
        都可以被执行。但是浏览器本身读取文件的时候有先后顺序,script标签放的比较靠前可能会导致浏览器还没
        有读取到一些元素。
    -->
    <script type="text/javascript">
    // 通过选择器获取一个标签(元素)。
    // 元素.onclick = function(){};
    // 给这个元素添加一个点击事件,点击之后执行等号后面的函数。
        document.getElementById("first").onclick = function(){
            //弹框
            alert("欢迎加入")   ;
        };
        console.log("我可以在控制台输出");
    </script>
</html>

相关文章

  • 022 JS操作

    JS基础操作 一、分支结构 1、if语句 if 基础语法 if 复杂语法 if 嵌套 2、switch语句 二、循...

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • JS基础操作

    JS基础操作 [TOC] 一、分支结构 1、if语句 if 基础语法 >>>阅读全文

  • 2018-08-17day-25

    总结 : js基础 js基础语法 1.js是javaScrip的缩写,是一门脚本语言。专门用来负责网...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • JS基础语法1

  • -----Web APIs-----

    JS学习ECMAScript基础语法是为后面做铺垫,Web APIs才是JS的应用,大量使用JS基础语法做交互效果...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 2017-4-1 VUE

    JS的方法 1、类型判断的方法 2、创建对象构造函数 3、JS基础函数和语法

  • js的结合方式js的基本语法js的数据类型js中的语句js中的运

    结合方式1 结合方式2 js的基本语法 二ECMAScript 基础2.1.ECMAScript 语法变量区分大小...

网友评论

      本文标题:JS基础语法1

      本文链接:https://www.haomeiwen.com/subject/aisqzttx.html