02-认识js
<!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的更多相关文章
- 02: vue.js常用指令
目录:Vue其他篇 01: vue.js安装 02: vue.js常用指令 目录: 1.1 vuejs简介 1.2 选择器:根据id.class等查找 1.3 静态绑定数据 data 1.4 插值 { ...
- 02.lib-v1.js
/* Date: 2014-07-29 4:06:07 [PM] */ function StringBuilder() { this.strings = new Array, this.length ...
- JavaWEB开发02——CSS&JS
今日目标 使用CSS完成网站首页的优化 使用CSS完成网站注册页面的优化 使用JS完成简单的数据校验 使用JS完成图片轮播效果 教学目标: 了解CSS的概念 了解CSS的引入方式 了解CSS的基本用法 ...
- JS 模块化 - 02 Common JS 模块化规范
1 Common JS 介绍 Common JS 是模块化规范之一.每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见.Common JS 规范在 Node 端和浏览器端有不 ...
- 2016.02.17 JS DOM编程艺术 第四五六章
看完这三章内容,集中精力,加快速度.
- vue.js及项目实战[笔记]— 02 vue.js基础
一. 基础 1. 注册全局组件 应用场景:多出使用的公共性能组件,就可以注册成全局组件,减少冗余代码 全局APIVue.component('组件名','组件对象') 2.附加功能:过滤器&监 ...
- 02 Node.js学习笔记之http服务
在Node中可以非常轻松的构建一个Web服务器,在Node中提供了一个http模块,这个模块主要功能就是帮助你创建一个Web服务器. 创建步骤: //1.加载http模块 var http=requi ...
- JavaScript学习02（js快速入门）
快速入门 基本语法 JavaScript的语法和Java的语法类似,每个语句以;结束,语句块用{...}.但是JavaScrip并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代 ...
- js上课笔记
Html 结构化CSS 样式JavaScript 行为交互01.JavaScript基础02.JavaScript操作BOM对象03.JavaScript操作DOM对象 *****04.JavaScr ...
- JS事件流、事件监听、事件对象、事件委托
JS事件流: 01.DOM级别和DOM事件 02.JS事件流:页面中接收事件的顺序 事件冒泡阶段-->处于目标阶段-->事件捕获阶段 (事件捕获总发生在事件冒泡前面) 03.捕获:从外向里 ...
随机推荐
- Windows中的"簇"和Linux中的"块"是对应的
扇区是对硬盘而言,块是对文件系统而言. 簇”又称为“分配单元” ,文件系统是操作系统与驱动器之间的接口,当操作系统请求从硬盘里读取一个文件时,会请求相应的文件系统(FAT 16/32/NTFS)打开文 ...
- C++: class sizeof
https://blog.csdn.net/fengxinlinux/article/details/72836199 C++中类所占的大小计算,因为涉及到虚函数成员,静态成员,虚继承,多继承以及空类 ...
- ransformResourcesWithMergeJavaResForDebug问题
错误内容: Error:Execution failed for task ':app:transformResourcesWithMergeJavaResForDebug'. > java.i ...
- Java 多线程 - 锁的类型
https://zhuanlan.zhihu.com/p/37287566 https://www.cnblogs.com/qifengshi/p/6831055.html
- 阿里云图数据库GraphDB上线，助力图数据处理
GraphDB简介 GraphDB图数据库适用于存储,管理,查询复杂并且高度连接的数据,图库的结构特别适合发现大数据集下数据之间的共性和特性,特别善于释放蕴含在数据关系之间的巨大价值.GraphDB引 ...
- thinkphp 链接数据库
ThinkPHP内置了抽象数据库访问层,把不同的数据库操作封装起来,我们只需要使用公共的Db类进行操作,而无需针对不同的数据库写不同的代码和底层实现,Db类会自动调用相应的数据库驱动来处理.目前的数据 ...
- 剑指Offer-13：调整数组位置使奇数位于偶数前面
题目描述: 输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有的奇数位于数组的前半部分,所有的偶数位于位于数组的后半部分,并保证奇数和奇数,偶数和偶数之间的相对位置不变.例如给定一个数组 ...
- Linux下编译VLC for Android源代码总结
转:http://blog.chinaunix.net/uid-26611383-id-3678766.html 由于项目需要,需要一个在android平台能够支持RTSP协议的播放器,由于之前没有a ...
- .NETFramework：template
ylbtech-.NETFramework: 1.返回顶部 2.返回顶部 3.返回顶部 4.返回顶部 5.返回顶部 6.返回顶部 作者:ylbtech出处:http://y ...
- Android Support Library详细介绍
网上对Android Support Library中各个依赖包介绍的中文资料太少了,结合官方文档和有限的参考资料做了一次总结,有描述得不对的地方还请指正. 一.主工程.依赖包.jar包.androi ...