1.打印1-100之间所有奇数之和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<title></title>
<script type="text/javascript">
var sum=0;
for(var i=1;i<100;i+=2)
{
sum+=i;
}
document.write("100以内所有奇数和为："+sum);
</script>
</head>
<body>
</body>
</html>
2.打印1-100之间所有7的倍数的个数及总和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<title></title>
<script type="text/javascript">
var count = 0;//个数
var arr=[];
var sum=0;
for(var i=7;i<=100;i++) {
if(i%7===0){
arr[arr.length] = i;
count++;
sum+=i;
}
}
console.log(count);
console.log(arr);
document.write("100所有7的倍数的总和为："+sum);
</script>
</head>
<body>
</body>
</html>
3.水仙花数
水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。
（例如：1^3 + 5^3 + 3^3 = 153）,请打印所有的水仙花数。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<title></title>
<script type="text/javascript">
document.write("水仙花数有：");
for(var i=100;i<1000;i++)
{
var a=i%10;//提取个位数
var b=(i/10)%10 //提取十位数
b=parseInt(b);
var c=i/100;//提取百位数
c=parseInt(c);
if(i==(a*a*a+b*b*b+c*c*c))
{
document.write(i+",");
}
}
</script>
</head>
<body>
</body>
</html>
4.在页面中接收一个用户输入的数字，并判断该数是否是质数。
质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var num = prompt("请输入一个大于1的自然数:");
/*创建布尔值*/
var flag = true;
/*判断值是否合法*/
while(num<=1 || isNaN(num)){
alert("这个数不合法");
var num = prompt("请重新输入：");
}
for(var i = 2 ; i<num ; i++){
/*判断i是否能被j整除*/
if(num%i == 0){
/*判断进入i不是质数，改变布尔值*/
var flag = false;
break;
}
}
if(flag){
/*flag为true则输出*/
alert(num+"是质数");
}else{
alert("这个数不是质数");
}
</script>
</head>
<body>
</body>
</html>
5.打印99乘法表
11=1
12=2 22=4
13=3 23=6 33=9
14=4 24=8 34=12 44=16
……
19=9 …… 99=81
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
for(var i = 1; i <=9; i++){
var b = "";
for (var j = 1; j <= i; j++) {
b +=j+"×"+i+"="+(i*j)+"\t";
}
console.log(b+"\n");
}
</script>
</head>
<body>
</body>
</html>
6.打印出1-100之间所有的质数
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//打印2-100之间所有的数
for(var i=2 ; i<=100 ; i++){
//创建一个布尔值，用来保存结果，默认i是质数
var flag = true;
//判断i是否是质数
// 获取到2-i之间的所有的数
for(var j=2 ; j<i ; j++){
//判断i是否能被j整除
if(i%j === 0){
//如果进入判断则证明i不是质数,修改flag值为false
flag = false;
}
}
//如果是质数，则打印i的值
if(flag){
console.log(i);
}
}
</script>
</head>
<body>
</body>
</html
js事件的分类
事件的类型:有鼠标事件，键盘事件，HTML事件，变化事件
注意：js中的事件前面要加on （如：onclick onmouseover），但jquery中的事件不需要加on 如（ ("Element").mouseover ）
鼠标事件:（最常用）
click,dblclick,mousedown,,mouseupmouseout,mouseover,mousemove;
事件属性:
type:表明是什么事件;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
button:0-未按下键;1-按左键;2-按右键;3-同时按下左右;4-按下中键;5-按下左和中;6-按下右和中;7-同时按下左中右;
键盘事件:
keydown,keypress,keyup
事件属性:
keyCode:按下的键的代码(等于Unicode值)
charCode(DOM):键对应的代码和字符会有一个分离;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
HTML事件:（窗口，文档，表单）
load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue
与window有关的有resize窗口调大调小事件,scroll滚动事件,
JS的冒泡事件
什么是冒泡事件？
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）
阻止事件冒泡的几种方法
第一种： event.stopPropagation();
第二种： return false;
第三种： event.preventDefault();
网友评论