12
Dom操作文档（网页）的api 对象document
全部加载完了后执行window.onload = function(){
document.getElementBYId('元素id')。。。。。
}
js里text-decoration 不写中间的减号 用小驼峰写 textDecoration
修改class 时 需要 .className
设置样式需要加引号‘’ div1. style.color='red
给新创建的元素修改属性 需要给新创建的元素添加[]
a.innerHTML ='<a href='#' target=_black ></a>添加超链接
document.writer 只能重绘整个页面 覆盖其中的所有内容
innerHTML 可以重绘页面一部分 是js独有的关键字
function aa(){
alert('hello')
}
aa():
<input type='button' value='弹框' onclick='aa()'> 点击按钮调用函数aa
函数预解析 函数体可以放在最后
匿名函数 直接把函数的内容写在点击事件中 不用起名
函数传值 function （style,val）
[style]=val
流程控制
条件判断 if
else if=elif
else
条件分支语句 switch
case
break
case
break
case
break
default
数组 类似python 列表
数组可以嵌套 一般最多两层
数组常用方法 1 var=new Array() 2 var=arr03=[[],[],.....]
join('-')练成字符串
循环语句 for, while, do.....while
if(){......}
a.push()末尾添加
pop()最后删除
unshift()首位删除
reverse()数组反转
indexof()找第一个下表
splice()增删改
getElementByTagName('li')通过标签取元素
for(var i=0(下表索引); i<ali.length;i++
do while do至少先执行一次不管条件是否满足 再判断while 条件是否满足
(1)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*
* 打印1-100之间所有奇数之和
*/
//创建一个变量，用来保存奇数之和
// var sum = 0;
//打印1-100之间的数
for(var i=1 , sum=0 ; i<=100 ; i++){
//判断i是否是奇数
//不能被2整除的数就是奇数
if(i%2 !=0){
//如果i除以2有余数则证明i是奇数
console.log(i);
sum = sum+i;
}
}
console.log("奇数之和为 : "+sum);
(2)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*
* 打印1-100之间所有7的倍数的个数及总和
*/
//定义一个变量，来保存总和
var sum =0;
//定义一个计数器，来记录数量
var count =0;
//打印1-100之间所有的数
for(var i=1 ; i<=100 ; i++){
//判断i是否是7的倍数
if(i %7 ==0){
//console.log(i);
sum += i;
//使计数器自增1
count++;
}
}
//输出总和
console.log("总和为:"+sum);
//输出总数
console.log("总数量为:"+count);
(3)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*3.水仙花数
* 水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。
* （例如：1^3 + 5^3 + 3^3 = 153）,请打印所有的水仙花数。
*/
var num = [];
for(var i=100;i<=1000;i++){
var ge=i%10;
var shi=parseInt(i/10)%10;
var bai=parseInt(i/100);
if(ge**3+shi**3+bai**3==i){
num.push(i);
}
}
document.write(num);
(4)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*4.在页面中接收一个用户输入的数字，并判断该数是否是质数。
* 质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数。
*/
var num = prompt('请输入一个数字：');
for(var i=2;i<3;i++){
if(num%i==0){
document.write(num,'不是质数');
}else{
document.write(num,'不是质数');
}
}
(5)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*.打印99乘法表
* 1*1=1
* 1*2=2 2*2=4
* 1*3=3 2*3=6 3*3=9
* 1*4=4 2*4=8 3*4=12 4*4=16
* ……
* 1*9=9 …… 9*9=81
*/
document.write("<table>");
for(var i=1;i<10;i++){
document.write("<tr>");
for(var j=1;j<=i;j++)
{
document.write("<td>"+j+"*"+i+"="+i*j+"</td>");
}
document.write("</tr>");
}
document.write("</table>");
(6)
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*6.打印出1-100之间所有的质数*/
for(var i=2;i<=100;i++){
for(var j=2;j
if(i%j==0){
break;
}
}
if(i<=j){
document.write(i+" ");
}
}
(1)
<!DOCTYPE html>
<meta charset="UTF-8">
<title>switch练习1
<script type="text/javascript">
/*
对于成绩大于等于60分的，输出'合格'。低于60分的，输出'不合格'
*/
var score =25;
switch(true){
case score >=60 && score <=100:
console.log("合格");
break;
case score <60 && score >=0:
console.log("不合格");
break;
default:
console.log("不合法");
break;
}
2
<!DOCTYPE html>
<meta charset="UTF-8">
<title>switch练习2
<script type="text/javascript">
/*
* 从键盘接收整数参数，如果该数为1-7，打印对应的星期，否则打印非法参数。
*/
var week = +prompt("请输入1-7之间的一个整数:");
switch(week){
case 1:
alert('星期一');
break;//结束整个switch语句
case 2:
alert('星期二');
break;
case 3:
alert('星期三');
break;
case 4:
alert('星期四');
break;
case 5:
alert('星期五');
break;
case 6:
alert('星期六');
break;
case 7:
alert('星期日');
break;
default:
alert('不合法');
break;
}
while 循环1
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*1、假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年
* 1000 1000+1000*0.05=1000*1.05
* 1050 1050+1050*0.05=1050*1.05
* ……
* 5000
*/
var money =1000;
var count =0;
while(money<=5000){
money *=1.05;
count++;
}
console.log('一共需要'+count+'年');
2
<!DOCTYPE html>
<meta charset="UTF-8">
<script type="text/javascript">
/*用while循环重写小明的成绩，如果用户输入不合法就反复输入，直到正确为止*/
while(true){
var score = prompt('请输入小明的成绩：');
if(score >100 || score <0 || isNaN(score)){
alert('输入错误，请重新输入！');
}else{
if(score ==100){
alert('奖励一辆BMW');
break;
}else if(score>=80&&score>=90){
alert('奖励一部iPhone');
break;
}else if(score >=60&&score<80){
alert('成绩合格，继续努力');
break;
}else{
alert('成绩太差了');
break;
}
}
}
<!DOCTYPE html>
<meta charset="utf-8" />
<title>if练习1
<script type="text/javascript">
/*
* 从键盘输入小明的期末成绩:
* 当成绩为100时，'奖励一辆BMW'
* 当成绩为[80-99]时，'奖励一台iphone15s'
* 当成绩为[60-80]时，'奖励一本参考书'
* 其他时，什么奖励也没有
*/
score =Number(prompt("小明,请输入你的成绩："))
while(true){
if (score >=0 &&score <=100){
if (score ==100){
alert("奖励一辆BMW")
break
}
else if (score >=80 &&score <=99){
alert("奖励一台iphone15s")
break
}
else if (score >=60 &&score <=80){
alert("奖励一本参考书")
break
}
else{
alert("什么奖励也没有")
break
}
}
else{
alert("分数为1-100之间的数字;")
}r
}
</html>
<!DOCTYPE html>
<meta charset="utf-8" />
<title>if练习2
<script type="text/javascript">
/*
* 大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件：
* 高：180cm以上; 富:1000万以上; 帅:500以上;
* 如果这三个条件同时满足，则:'我一定要嫁给他'
* 如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。'
* 如果三个条件都不满足，则:'不嫁！'
*/
alert("请提出您的条件")
gao =Number(prompt("请输入身高："))
fu =Number(prompt("请输入存款："))
shuai =Number(prompt("请输入颜值分："))
if(gao >180 &&fu >10000000 &&shuai >500){
if(gao >180 &&fu >10000000 &&shuai >500){
alert("我一定嫁给他")
}
}
else if(gao >180 ||fu >1000 ||shuai >500){
alert("嫁吧，比上不足，比下有余。")
}
else{
alert("不嫁")
}
</html>
