<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        #box{

            width: 100px;

            height: 100px;

            background-color: #ff0789;

        }

        #wrap{

            width: 100px;

            height: 100px;

            background-color: #b9c9fd;

        }

    </style>

</head>

<body>

<div id="box"></div>

<div id="wrap"></div>

<script>

    // alert('\\\\ \'')

    //     console.log(1)

    //     alert(1)

    //     let a = confirm('sure?'); //返回布尔值

    //         console.log(a)

    //     let b = prompt('请输入:');

    //     console.log(b);

    document.getElementById('box').onclick = function () {

        alert('aaa');

    };

    document.getElementById('box').innerHTML = '123';

    document.getElementById('wrap').onclick = function () {

        document.getElementById('wrap').innerHTML = '肥鲶鱼';

    };

</script>

<!--

工具HBuilder,Sublime,WebStorm,VS code

js  是一种直译式脚本语言

    是一种动态类型、弱类型、基于原型的语言

    是前端代码中最重要的部分(行为层)

    常用于操作HTML页面响应用户的操作、验证传输数据

js写在哪里

    页面中<script></script>标签中

    外部引入<script src="js路径"></script>

    标签中

写js需要注意什么

    严格区分大小写

    语法字符半角字符;(字符串里边可以是任意字符)

    完整语句后面加;结束符

    缩进对齐

a不做任何动作

    <a href="javascript:;">a</a>

    <a href="javascript:void (0);">b</a>

转义符号 \

    需要时用\转义  只在字符串中有意义

    alert('\\\\ \'') >> \\ '

弹窗常用

    console.log(1)

    alert(1)

    let a = confirm('sure?');

    console.log(a)

    let b = prompt('请输入:');

    console.log(b);

示例

style

    #box{

            width: 100px;

            height: 100px;

            background-color: #ff0789;

    }

body

    <div id="box"></div>

script

    document.getElementById('box').onclick = function () {

        alert('aaa')

    }

添加内容

    document.getElementById('box').innerHTML = '123';

点击出现自己名字

style

    #wrap{

        width: 100px;

        height: 100px;

        background-color: #b9c9fd;

    }

body

    <div id="wrap"></div>

script

    document.getElementById('wrap').onclick = function () {

    document.getElementById('wrap').innerHTML = '肥鲶鱼';

    };

-->

</body>

</html>

02-认识js的更多相关文章

  1. 02: vue.js常用指令

    目录:Vue其他篇 01: vue.js安装 02: vue.js常用指令 目录: 1.1 vuejs简介 1.2 选择器:根据id.class等查找 1.3 静态绑定数据 data 1.4 插值 { ...

  2. 02.lib-v1.js

    /* Date: 2014-07-29 4:06:07 [PM] */ function StringBuilder() { this.strings = new Array, this.length ...

  3. JavaWEB开发02——CSS&JS

    今日目标 使用CSS完成网站首页的优化 使用CSS完成网站注册页面的优化 使用JS完成简单的数据校验 使用JS完成图片轮播效果 教学目标: 了解CSS的概念 了解CSS的引入方式 了解CSS的基本用法 ...

  4. JS 模块化 - 02 Common JS 模块化规范

    1 Common JS 介绍 Common JS 是模块化规范之一.每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见.Common JS 规范在 Node 端和浏览器端有不 ...

  5. 2016.02.17 JS DOM编程艺术 第四五六章

    看完这三章内容,集中精力,加快速度.

  6. vue.js及项目实战[笔记]— 02 vue.js基础

    一. 基础 1. 注册全局组件 应用场景:多出使用的公共性能组件,就可以注册成全局组件,减少冗余代码 全局APIVue.component('组件名','组件对象') 2.附加功能:过滤器&监 ...

  7. 02 Node.js学习笔记之http服务

    在Node中可以非常轻松的构建一个Web服务器,在Node中提供了一个http模块,这个模块主要功能就是帮助你创建一个Web服务器. 创建步骤: //1.加载http模块 var http=requi ...

  8. JavaScript学习02（js快速入门）

    快速入门 基本语法 JavaScript的语法和Java的语法类似,每个语句以;结束,语句块用{...}.但是JavaScrip并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代 ...

  9. js上课笔记

    Html 结构化CSS 样式JavaScript 行为交互01.JavaScript基础02.JavaScript操作BOM对象03.JavaScript操作DOM对象 *****04.JavaScr ...

  10. JS事件流、事件监听、事件对象、事件委托

    JS事件流: 01.DOM级别和DOM事件 02.JS事件流:页面中接收事件的顺序 事件冒泡阶段-->处于目标阶段-->事件捕获阶段 (事件捕获总发生在事件冒泡前面) 03.捕获:从外向里 ...

随机推荐

  1. JS对象 向下取整floor() floor() 方法可对一个数进行向下取整。 语法: Math.floor(x)

    向下取整floor() floor() 方法可对一个数进行向下取整. 语法: Math.floor(x) 参数说明: 注意:返回的是小于或等于x,并且与 x 最接近的整数. 我们将在不同的数字上使用 ...

  2. META标签的定义与使用（一、HTTP标题信息（http-equiv））

    META标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name). 一.http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页 ...

  3. try install gitlab ce at docker ce

    sudo docker run --detach \ --env GITLAB_OMNIBUS_CONFIG="external_url 'http://192.168.1.30:8087/ ...

  4. vs2013x64&&qt5.7.1编译osg3.4.0&&osgEarth2.7

    此文仅备忘: 1.安装VS2013_Cn_Ult 2.安装qt-opensource-windows-x86-msvc2013_64-5.7.1 设置环境变量QTDIR,并将其bin加入到path中. ...

  5. Batch pk Shell - WindowsBatch与LinuxShell比较 [变量符号和关键字]

    原文地址:WindowsBatch与LinuxShell比较[变量符号和关键字] 一 简单实例1)batch file @echo off rem output helloworld ::  outp ...

  6. java 自加和短路问题 几个例子

    x++可以看做一个独立的变量 如int a=x++;x的值先把他赋值给x++然后X++再赋值a,最后x再自加1 ++X   int a=++   X 先自加1 x的值赋值给++x然后++x再赋值a   ...

  7. Flink SQL 系列 | 5 个 TableEnvironment 我该用哪个？

    本文为 Flink SQL 系列文章的第二篇,前面对 Flink 1.9 Table 新架构及 Planner 的使用进行了详细说明,本文详细讲解 5 个 TableEnvironment 及其适用场 ...

  8. hdu多校第四场 1007 （hdu6620） Just an Old Puzzle 逆序对

    题意: 给你一个数字拼图,问你数字拼图能否能复原成原来的样子. 题解: 数字拼图的性质是,逆序数奇偶相同时,可以互相转化,逆序数奇偶不同,不能互相转化. 因此统计逆序对即可. #include< ...

  9. 类的反射实例（servlet的抽取）

    类的反射实例 具体以后我们写的时候不用写BaseServlet,因为各种框架都已经给我们写好了 所以,user对应的servlet的界面长这样:

  10. QString组合、拆分。

    1.组合字符常用arg()函数 QString test=QString("_haha_%1_hehe%2") .arg("ee").arg("aa& ...