《javascript经典入门》-day01
《javascript经典入门》-day01
1.了解JavaScript
01.浏览器每次加载和显示页面时,都在内存里创建页面及其全部元素的一个内部表示体系,,也就是DOM。在DOM里,页面的元素具有一个逻辑化,层级化的结构,就像一个由父对象和子对象组成的树状结构。
02.这个层级树的最顶层是浏览器window对象,它是DOM树立一切对象的根。
03.window对象的子对象:a.document:浏览器加载的任何HTML页面都会创建一个document对象,包含全部HTML内容及其他构成页面显示的资源。
b.location:包含着当前页面URL的全部信息
c.history:包含浏览器以前访问的页面地址
d.navigator:包含浏览器类型,版本和兼容的信息
04.window.alert()
<script>window.alert('Here is my message');</script>
当我们调用alert()方法时,浏览器会弹出一个对话框显示设置的信息,还有一个“确定”按钮。
05.document.write()
<script>document.write('Here is another message');</script>
直接向HTML文档写入字符
#无论从功能来说,还是从编码风格与可维护性来说,document.write都是有种向页面输出内容的笨拙方式。不建议使用,更好的方式是使用JavaScript和DOM
2.创建简单脚本
01.在web页面里添加JavaScript
a.把Javascript语句直接包含在HTML文件里
<script>
...Javascript语句...
</script>
b.把Javascript代码保存到单独的文件,然后在HTML中调用
<script src='mycode.js'></script>
#外部文件里不能使用<script>和</script>标签,也不能使用任何HTML标签,只能是纯粹的Javascript代码
02.代码注释
a.长度在一行以内的注释可以在行首以双斜杠表示:
//注释内容
//注释内容
b.实现多行注释方法是使用/*标签注释开始,使用*/标签注释结束。其中的注释内容可以跨越多行
/* 这里的注释
内容可以跨越
多行 */
03.变量
有些编程语言在赋值之前必须进行变量声明,JavaScript不必如此。但变量声明是个很好的编程习惯,在JavaScript里可以这样做:
var netPrice; #声明
netPrice = 8.99; #赋值
var netPrice = 8.99; #声明的同时赋值
04.算数操作符及其优先级:(与其他语言优先级规则基本一样)
05.捕获鼠标事件
a.onClick事件处理器
onClick事件处理器几乎可以用于页面任何可见的HTML元素,使用它的方式之一是给HTML元素添加一个属性:
onClick = '...一些JavaScript语句...'
#虽然给HTML元素直接添加事件处理器是完全可行的,但是目前已经不认为这是个好的编程方式。
<!DOCTYPE html>
<html>
<head>
<title>onClick Demo</title>
</head>
<body>
<input type='button' onclick='alert('You clicked the button')' value='Click Me'/>
</body>
</html>
b.onMouseOver和onMouseOut事件处理器
当鼠标进入页面上某个元素占据的区域时,触发onMouseOver事件。
当鼠标离开这一区域时,触发onMouseOut事件
用法与onClicky一样
<DOCTYPE html>
<html>
<head>
<title>OnMouseOver Demo</title>
</head>
<body>
<img src='tick.gif' alt='tick' onmouseover="this.src='tick2.gif';"onmouse="this.src='tick.gif';">
<!-- 当事件处理器是通过HTML元素的属性添加到页面时,其中的this是指HTML元素本身。-->
</body>
</html>
《javascript经典入门》-day01的更多相关文章
- day01<计算机基础知识&Java语言基础>
计算机基础知识(计算机概述) 计算机基础知识(软件开发和计算机语言概述) 计算机基础知识(人机交互) 计算机基础知识(键盘功能键和快捷键) 计算机基础知识(如何打开DOS控制台) 计算机基础知识(常见 ...
- [转] Java基础知识——Java语言基础
http://blog.csdn.net/loneswordman/article/details/9905931 http://blog.csdn.net/wanghuan203/article/d ...
- Android开发Java基础之Java语言基础(1)
Java中的基本数据类型 整数类型 整数类型用来存储整数数值,既没有小数部分的数值.可以是正数,也可以是负数.整数类型在Java程序中有三种表现形式,分别是十进制,八进制,十六进制. 整型数据根据它所 ...
- 第二十一节:Java语言基础-关键字,标识符,注释,常量和变量,运算符
Java语言基础-关键字,标识符,注解,常量和变量,运算符 class Demo { public static void main(String[] args){ System.out.printl ...
- Java之--Java语言基础组成(关键字、标识符、注释、常量和变量、运算符)
Java语言基础组成-关键字.标识符.注释.常量和变量.运算符 Java语言由8个模块构成,分别为:1.关键字:2.标识符(包名.类名.接口名.常量名.变量名等):3.注释:4.常量和变量:5.运算符 ...
- Java语言基础(三)
Java语言基础(三) 一. 补码 (1).之所以有补码是因为要考虑成本 就是造计算机的成本 (2).下面让我们分析一下补码 以四位补码为例 <1> 高位是符号位,它决定其是正数还是 ...
- Java语言基础(二)
Java语言基础(二) 一.变量续 (1).变量有明确的类型 (2).变量必须有声明,初始化以后才能使用 (3).变量有作用域,离开作用域后自动回收 变量作用域在块内有效 (4).在同一定义域中变量不 ...
- Java语言基础(一)
Java语言基础(一) 在这里说明一下,有基础的跳过 高手跳过.在这里我想复习以前的东西,以及给正在学java的一些帮助 我用的MyEclipse8.5编写java代码,有需要联系我 QQ:9035 ...
- Java入门篇(二)——Java语言基础(下)
上篇说到Java中的变量与常量,接下来就是简单的计算了,首先需要了解一下Java中的运算符. 六.运算符 1. 赋值运算符 赋值运算符即"=",是一个二元运算符(即对两个操作数进行 ...
- 第二十六节:复习Java语言基础-Java的概述,匿名对象,封装,构造函数
Java基础 Java语言概述 Java语言 语言 描述 javaee 企业版 javase 标准版 javame 小型版 JDK JDK(Java开发工具包) Java语言 语言 Java语言 Ja ...
随机推荐
- GET和POST两种基本请求方法(转自博主--在途中#)
GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二. 最直观的区别就是GET把参数包含在URL中,POST通过req ...
- sersync客户端搭建及配置
首先需要自行下载sersync包,地址如下: 谷歌项目地址:https://code.google.com/archive/p/sersync/ 64位下载地址:https://storage.goo ...
- oracle之数据恢复(delete误删)
ALTER TABLE TA_申请材料表 ENABLE row movement ; flashback table TA_申请材料表 to timestamp to_timestamp('2019- ...
- 读HashMap 源码(jdk11)的见解
如果想系统详细的了解HashMap请移步各大佬博客.这篇文章只是个人的一些见解. 数组+链表 或 数组+红黑树.这种说法感觉有迷惑性. 之前看博客都说 HashMap 的存储是数组+链表(jdk6), ...
- 写好shell脚本
转载自https://mp.weixin.qq.com/s/f3xDHZ7dCQr7sHJ9KDvuyQ 1.提供--help标记 安装在系统上的二进制文件通常带有man帮助文档,但对于脚本来说就不一 ...
- OO第一单元优化博客
OO第一单元优化博客 第一次作业: 合并同类项+提正系数项+优化系数指数0/1=满分 第二次作业: 初始想法 一开始是想以\(sin(x)\)和\(cos(x)\)的指数作为坐标,在图上画出来就可 ...
- 小白のjava实现wc.exe功能
GitHub地址 项目完成情况 基本功能列表(已实现) wc.exe -c file.c //返回文件 file.c 的字符数 wc.exe -w file.c //返回文件 file. ...
- tensorflow的简单操作
import tensorflow as tf c1 = tf.constant([[3,3]]) c2 = tf.constant([[3],[2]]) product = tf.matmul(c1 ...
- MySQL删除foreign key_ERROR 1025 (HY000): Error on rename of './test_20180206/cc' to './test_20180206/#sql2-9ac-e' (errno: 152)
问题背景描述: 首先,创建了一个主表,具有以下数据结构: mysql> describe aa; +-------+----------+------+-----+---------+----- ...
- SSM项目思路整合NEW2
上接于 https://www.cnblogs.com/shijinglu2018/p/10374541.html ...... 三)客户管理模块开发 说明:其实大致思路差不太多,都是首先根据前端页面 ...