window对象
/*
输入框 参数
1
:提示信息 参数
2
:默认值
*
点击确认按钮:返回输入框的值,若没有值,返回一个空对象
*/
// var age = prompt("
年龄
")
// alert(age)
/*
确认框返回结果
*
点击确认按钮:返回
true
*
点击取消按钮:返回
false*/
// var result = confirm("
您确定要删除吗
")
// alert(result
)
<body>
</body>
script
Location方法
加载新页面:location.assign
刷新页面:location.reload():不是完全刷新,会从缓存里面获取相关的数据
location.reload(true):彻底刷新当前页面,不会从缓存里获取数据
替代页面:用一个新页面替代原先的老页面,跳转到新页面以后,无法返回到老页面
open方法
open():四个参数
1:打开新页面
2:打开新页面的别称
3:打开的新页面的状态
4:打开的新页面是否替换老页面
函数的封装
函数的目的是对一个功能进行封装
方便多出进行调用,实现代码的复用
用函数的封装计算水仙花数
function
check
(num) {
var
num1
= num %
10
;
var
num2
=
parseInt
(num /
10
%
10
);
var
num3
=
parseInt
(num /
100
)
if
(
Math
.
pow
(
num1
,
3
) +
Math
.
pow
(
num2
,
3
) +
Math
.
pow
(
num3
,
3
) == num){
return true
;
}
}
for
(
var
i
=
100
;
i
<=
999
;
i
++){
if
(
check
(
i
)){
alert
(
i
);
};
}
函数传参
<
button
οnclick=
"
showHello
(
9
)
"
>
弹
</
button
>
<
button
οnclick=
"
add
(
20
,
20
)
"
>
求和
</
button
>
</
body
>
<
script
>
function
showHello
(num) {
for
(
var
i
=
1
;
i
<= num;
i
++){
document
.
write
(
"hello<br>"
)
}
}
function
add
(num1,num2) {
alert
(num1+num2)
}
// showHello(5)
计算器
<
body
>
数字
1
:
<
input
type=
"text"
id=
"num1"
>
<
br
>
数字
2
:
<
input
type=
"text"
id=
"num2"
>
<
br
>
结果:
<
input
type=
"text"
id=
"result"
>
<
br
>
<
button
οnclick=
"
calc
(
'+'
)
"
>
+
</
button
>
<
button
οnclick=
"
calc
(
'-'
)
"
>
-
</
button
>
<
button
οnclick=
"
calc
(
'*'
)
"
>
-
</
button
>
<
button
οnclick=
"
calc
(
'/'
)
"
>
-
</
button
>
</
body
>
<
script
>
function
calc
(type) {
var
num1
=
parseInt
(
document
.
getElementById
(
"num1"
).
value
);
var
num2
=
parseInt
(
document
.
getElementById
(
"num2"
).
value
);
var
res
=
0
switch
(type){
case
"+"
:
res
=
num1
+
num2
break
;
case
"-"
:
res
=
num1
-
num2
break
;
case
"*"
:
res
=
num1
*
num2
break
;
case
"/"
:
res
=
num1
/
num2
break
;
}
var
result
=
document
.
getElementById
(
"result"
).
value
=
res
;
}
</
script
>