一：循环

for

for in

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>循环</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="main.css" /><script src="main.js"></script><script>var i = [1,2,3,4,5,6];for(j in i) {document.write(i[j]+"<br/>");}</script>
</head><body></body>
</html>

while

do while

break

continue

函数调用

方法一：在script脚本中直接调用

方法二：在html中调用

带参数函数

带返回值函数

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>函数调用</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="main.css" /><script src="main.js"></script><script>//方法一 : 直接在script中调用function Demo1(a1,a2){alert(a1+a2);}Demo1(10,10); //直接调用function Demo2(){var a1 = 10;var a2 = 10;alert(a1+a2);}</script>
</head>
<body><!--在html中调用使用--><button onclick="Demo2()">按钮</button>
</body>
</html>

局部变量

全局变量

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>全局变量</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="main.css" /><script src="main.js"></script><script>var b = 30; //全局变量function Demo() {var a = 20; //局部变量
            x = 10;     //全局变量
        }Demo();alert(x);//alert(a); //局部变量未执行
       alert(b);</script>
</head>
<body></body>
</html>

异常捕获

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>异常捕获</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="main.css" /><script src="main.js"></script><script>function Demo(){try{alert(str); //发生异常的代码
            }catch(err) {alert(err);  //错误信息处理
            }}//通过 throw 语句创建一个自定义错误function Demo1() {try {var t = document.getElementById("txt").value;if(t == "") {throw "请输入";}}catch(err) {alert(err);}}  //Demo();</script></head>
<body><!--创建一个form表单 若输入框中输入的值为空，通过按钮触发警告--><form><input id="txt" type="text"/><br/><input id="btn" type="button" onclick="Demo1()" value="button"/></form></body>
</html>

事件

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>事件</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="main.css" /><script src="main.js"></script><script>//鼠标点击事件function click(){alert("onclick");}//鼠标经过和移出事件 鼠标经过div区域显示hello，移出后显示worldfunction onOver(ooj){ooj.innerHTML = "hello";}function onOut(ooj) {ooj.innerHTML = "world";}//文本框选中事件function selectText(obj) {obj.style.background = "red";}</script>
</head>
<body><button onclick="click()">单击点击事件</button><br/><!--鼠标经过事件 鼠标移出事件--><div style="width: 100px;height: 100px;background-color: lemonchiffon" onmouseover="onOver(this)" onmouseout="onOut(this)"></div><br/><!--文本内容改变事件--><form><input type="text" onchange="alert('文本输入框中的内容改变')"/></form><!--文本框选中事件 文本框的内容被选中后文本框显示为红色--><form><input type="text" onselect="selectText(this)"/></form><button onfocus="">光标聚集事件</button><button onblur="">移开光标事件</button><button onload="">网页加载事件</button><button onunload="">关闭网页事件</button>
</body>
</html>

转载于:https://www.cnblogs.com/wuyuwuyueping/p/9035070.html

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件相关推荐

JS基础——循环很重要
介绍循环之前,首先要说一下同样很重要的if-else结构,switch-case结构 ①if-else结构 if(判断条件) { 条件为true时执行 } else{ 条件为false时执行 } ②i ...
JS基础-循环精灵图
要实现的效果如下图: 按照之前精灵图的做法,是采用一个一个li进行background-position的修改,但是有了JS之后就可以执行循环操作来更改图片的位置. 这里给出精灵图图片: 根据索引号来 ...
前端-js基础-循环
#博学谷IT学习技术支持目录 for循环双重for循环 while循环 do...while循环 continue 关键字 break 关键字循环循环的目的:在实际问题中,有许多具有规律性的重 ...
js基础-循环结构【003】
循环结构循环结构,就是根据某些给出的条件,重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变 WHILE 循环 while,中文叫当-时,其实就是当条件 ...
【JS】820- JS 常见报错及异常捕获
作者:FishStudy520 https://segmentfault.com/a/1190000038323321 前言在开发中,有时,我们花了几个小时写的js 代码,在浏览器调试一看,控制台一 ...
JS基础：变量、函数、对象、数组、循环、选择（判断）
JS基础:变量.函数.对象.数组.循环.选择(判断) js的三个组成部分 ECMAScript - ES - 语法规范 DOM - 文档对象模型 - API BOM - 浏览器对象模型 - API j ...
atitit.js浏览器环境下的全局异常捕获
atitit.js浏览器环境下的全局异常捕获 window.onerror = function(errorMessage, scriptURI, lineNumber) { var s= JSON. ...
【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构
复习 JavaScript简称为JS JavaScript是什么? 是一门脚本语言:不需要编译,直接运行是一门解释性的语言:遇到一样代码就解释一行代码 C#语言是一门面向对象的语言,也是编译语言,是 ...
前端基础：通过《心愿墙》实践js的循环程序
前端基础:通过 <心愿墙>实践js的循环程序曾有一段故事,故事是这样的. 记者:你放羊为了什么? 放羊娃:赚钱记者:你赚钱为了什么? 放羊娃:娶媳妇记者:你娶媳妇为了什么? 放羊娃: ...

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件

一：循环

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件相关推荐

最新文章

热门文章

js 基础 -- 循环、函数调用 、全局和局部变量、异常捕获、事件

一：循环

js 基础 -- 循环、函数调用 、全局和局部变量、异常捕获、事件相关推荐

最新文章

热门文章

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件

js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件相关推荐