JavaScript预习
JavaScript基本语法
书写位置
行内式:直接写在标签里
内嵌式:写在标签间
外部式:创建js后缀文件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=initial-scale=1.0"><title>Document</title>//内嵌式<script>alert('是否进入该页面');//浏览器弹出警示框</script>//外部<script src="相对路径"></script>
</head>
<body>//行内式<input type="text" alert="确认输入"/>
</body>
</html>
常用语句
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=initial-scale=1.0"><title>Document</title><script>alert('是否进入该页面');//浏览器弹出警示框console.log('string');//浏览器控制台打印输出prompt('请输入你的姓名');//浏览器弹出框,用户可输入</script>
</head>
<body></body>
</html>
变量声明
var num;//声明变量
num=10;//赋值var num=10;声明的同时赋值
变量名:
- 由字母,数字,下划线,美元符号组成
- 严格区分大小写
- 不能以数字开头
- 不能是关键字,保留字
- 变量必须有意义
- 遵守骆峰命名法
数据类型
JS中不能定义数据类型
Number整型
Boolean布尔型
String字符串型
Undefined声明没赋值
Null空
Infinity无穷大
-Infinity无穷小
NaN非数值
转换
toString() String() 加拼接符转为字符串
parseInt(String) pareFloat(String) Number()转换为数值
隐转(- * /)转换为数值
Boolean()转换为布尔型
转义字符
\n换行
\\斜杠
\'单引号
\"双引号
\t缩进
\b空格
JS运算符
算数:+ - * / % ** ++ –
比较: > >= < <= == != ?
逻辑: && || !
其他:typcof检测数据类型
isNaN判断是否是数字
语句
条件判断
JavaScript使用if(){…} else{…},来进行条件判断,和C语言的使用方法一样。
var role = 20;
if(age >= 18){alert ( 'adult ' ) ;}
else {alert ( 'teenager ' ) ;
}
循环
JavaScript的循环有两种:一种是for循环,一种是while循环。
var x = 0;
var i;
for (i=1; i<=100 ; i++){
x = x + i;
}
for循环常用来遍历数组。另外 for循环还有一个变体是for…in循环,它可以把一个对象的所有属性依次循环出来
var person = {
name: 'aiye',
age: 20,
city : 'Beijing'
} ;
for ( var key in person ) {alert (key) ; //'name ' , 'age ' , 'city '
}
最后说一下while循环。使用方法和C语言一样,分为while(){…},循环和do{ …}while()
var x = 0;
var i;
while(i<=100){
x = x + i;
i++;
}
var x = 0;
var i;
do{
x = x + i;
i++;
}while(i<=100)
函数
定义函数:
//标准式function demo1(){console.log("Hello Demo1");}demo1();//用Function构造
var demo2 = new Function('console.log("Hello Demo2");');
//用表达式方式
var demo3 = function(){console.log("Hello Demo3");}
函数的调用:
1、普通调用:functionName(实际参数…)
2、通过指向函数的变量去调用:
var myVar=函数名;
myVar(实际参数…);
返回值:
1.当函数无明确返回值时,返回的值就是"undefined"。
2.当函数有返回值时,返回值是什么就返回什么。
事件
什么是事件
js使我们有能力去创建动态页面,事件就是可以被js侦测到的行为
简单理解就是用户操作鼠标或者键盘后,触发了js事件,然后产生对应的机制
比如我们点击一个按钮,弹出对话框
事件三要素
事件源>事件类型>事件处理程序
1、事件源:
事件被触发的对象,就是谁触发了这个事件
2、事件类型:
如何触发,什么事件,比如鼠标点击(onclick),鼠标经过,键盘按下。
3、事件处理程序:
通过一个函数赋值的方式完成
事件执行步骤
1、获取事件源
2、注册事件(也叫绑定事件)
3、添加事件处理程序( 一般用function函数)
操作元素
1、修改元素内容
element.Text和element.innerHTML
element.innerText
从起始位置到终止位置的内容,但他去除了html标签同时空格和换行也会去掉 不识别HTML标签 非标准
element.innerHTML
起始位置到终止位置的全部内容,包括HTML标签,同时保留了空格和换行,识别HTML标签 属于w3c标准,用的比较多
这两个属性都是可读写的,可以获得元素里面的内容
2、修改元素属性
还是老的操作方法:
先获取元素
注册事件 处理程序
然后直接调用元素的属性赋值
鼠标事件
onclick: 点击事件
onmouseover: 鼠标放上
onmouseout: 鼠标离开
ondbclick: 双击
onmousedown: 鼠标按下
onmouseup: 鼠标抬起
onmousemove: 鼠标移动。
键盘事件
onkeyDown: 键盘按下
onkeyUp: 键盘抬起
onkeyPress: 按键一次(相当于上面的两个事件)
表单事件
onsubmit: 表单提交事件
onreset: 重置事件
onfocus: 获得焦点
onblur: 失去焦点
onchange: 下拉列表框,选项改变事件
+
-
*
/
</option
JavaScript预习相关推荐
- 【Javascript基础语法】第五周预习博客
Javascript基础语法 前言 一.初识JavaScript 1.JS是什么 2.作用 3.浏览器执行js简介 4.Js组成 二.JS的引入方式 1.行内式 2.内部引入 3.外部引入 三.js语 ...
- 《编译原理》实验预习报告——TINY语言的词法分析
实验目的 构造tiny语言的词法分析器(扫描器),要求利用第三方的lex工具进行构造.实验结果:构造出的扫描器,能够读入教材样例中给出的tiny语言的示例代码,分解成token输出. Experime ...
- html+css+javascript 网页设计 从入门到精通_绵阳美工设计学习
导语概要 网页设计培训系统学习四大软件,让你掌握8大电商美工核心技能快速咨询网页设计(webdesign,又称为WebUIdesign,WUIdesign,WUI),是根据企业希望向浏览者传递的信息( ...
- 实验一线性表的基本操作实现及其应用(JavaScript实现)
实验一线性表的基本操作实现及其应用(JavaScript实现) 实验目的 熟练掌握线性表的结构特点, 掌握顺序表的基本操作. 巩固 C++相关的程序设计方法与技术. 学会使用顺序表解决实际问题. 实验 ...
- 精读《你不知道的javascript》中卷
前言 <你不知道的 javascript>是一个前端学习必读的系列,让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部件的用途.本书< ...
- 编译原理——实验壹预习——TINY语言的词法分析
实验目的 构造tiny语言的词法分析器(扫描器),要求利用第三方的lex工具进行构造.实验结果:构造出的扫描器,能够读入教材样例中给出的tiny语言的示例代码,分解成token输出. Experime ...
- 从零开始学前端:初识JavaScript --- 今天你学习了吗?(JS:Day01)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(JS) 复习:从零开始学前端:jQuery官网 - 今天你学习了吗?(CSS:Day26) 文章目录 从零开始学前端:程序猿小白也可以完全 ...
- 渡课学习第17天:JavaScript一脸懵逼
学习内容 : 1.真正意义上的第一个编程语言 JavaScript 介绍,最核心理解 JavaScript 是干嘛的: 2.如果理解编程这个概念,从现实生活中感受编程的意义以及函数的作用: 3.解读第 ...
- JavaScript计算圆周率(解析几何+定积分)
最近数学预习到选修本的定积分,前一向用它解决了物理上的正弦交流电有效值问题,前几天突发奇想,想用它来计算圆周率.于是我花了半节物理课的时间研究了一下,得出了以下求解方法. 首先我们知道半径为r,圆心为 ...
最新文章
- Flv网络播放器制作全攻略(续)
- matlab读取心电txt数据画图,图解MIT-BIH数据库心电数据下载和Matlab读取程序
- TFS突然链接不上(TF30063),并且MSN也连接不上,报主要端口的错误!
- 怎样检测mysql5.5安装成功_64位wiN7系统中装配MySQL5.5.17(测试安装成功哦!)
- matlab画出周期为2的方波图形 傅立叶级数_高等数学系列R之四:傅立叶级数及变换...
- asp.net实现无刷新,无须AJAX
- Java实现pow共识算法_POW+POS混合共识算法
- Linux下高效编写Shell——shell特殊字符汇总
- 计算机科学的鼻祖,现代计算机科学的鼻祖,编程界的上帝
- HttpClient_002_中文乱码、HttpClient中文乱码透析、总结
- 开课吧Java课堂:什么是抽象类?如何使用抽象类?
- PDF Expert使用教程:如何在Mac中删除PDF文件中的指定页面?
- Ubuntu15.10下华南师大锐捷认证客户端的使用详解
- C语言栈的面试题,C语言面试编程题
- 当我们在浏览器地址栏中输入一个网址会发生什么
- 小米手机的sd卡显示无服务器,小米sd卡无法读取_我的小米手机识别不到SD卡,怎么办?...
- 肮脏的城市与下水道的历史
- 施旺将接替贺恩霆担任赛诺菲大中华区总裁;嘉士伯集团试用生物基啤酒瓶 | 美通企业日报...
- 程序逸的Java项目之旅-图书管理系统之验证码和用户数据的后台获取(1)
- 【读书笔记】十年涨薪30倍:财务职场透视.html.pdf
热门文章
- php简写workman聊天系统
- 小白玩PVE proxmox RX560D显卡直通
- 领扣中国没有php,400万角膜盲患者新希望!全国首例领扣型人工角膜临床试验成功实施...
- 使用Spring构建普通非web的Java应用
- 《人工智能及其应用》课程笔记(一)第1章 绪论
- 电脑双开微信的脚本 (Windows系统)
- restful RESTful的理解
- 参与诺基亚N78“连城决” 探索全球最神秘的地区
- iOS中 支付宝钱包详解/第三方支付
- GeoServer入门学习:02-安装部署