JS作业
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>red</p>
<p>red</p>
<p>red</p>
<p>red</p>
<button id="btn">Click</button>
</body>
<script type="text/javascript">
// window.οnlοad=function () {
var btn = document.getElementById('btn');
btn.onclick = function () {
var pc = document.getElementsByTagName('p');
for (var i = 0; i <pc.length ; i++) {
pc[i].style.cssText="border:1px solid red";
}
}
// }
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script> var people={
name:"小明",
gender:"男",
age:"",
work:function () {
alert("我是"+this.name+"我是程序员!");
},
place:function () {
alert("我是"+this.name+"我在公司上班!");
}
};
people.place();
people.work();
</script>
</body>
</html>
EL表达式
在JSP中访问模型对象是通过EL表达式的语法来表达。所有EL表达式的格式都是以“
”
表
示
。
例
如
,
{}”表示。例如,
”表示。例如,{ userinfo}代表获取变量userinfo的值。当EL表达式中的变量不给定范围时,则默认在page范围查找,然后依次在request、session、application范围查找。也可以用范围作为前缀表示属于哪个范围的变量,例如:${ pageScope. userinfo}表示访问page范围中的userinfo变量
[ ]与.运算符
EL 提供“.“和“[ ]“两种运算符来存取数据。
当要存取的属性名称中包含一些特殊字符,如 . 或 - 等并非字母或数字的符号,就一定要使用“[ ]“。例如:
u
s
e
r
.
M
y
−
N
a
m
e
应
当
改
为
{ user. My-Name}应当改为
user.My−Name应当改为{user[“My-Name”]}
如果要动态取值时,就可以用“[ ]“来做,而“.“无法做到动态取值。例如:
${sessionScope.user[data]}中data 是一个变量
*
变量
EL存取变量数据的方法很简单,例如:${username}。它的意思是取出某一范围中名称为username的变量。
因为我们并没有指定哪一个范围的username,所以它会依序从Page、Request、Session、Application范围查找。
假如途中找到username,就直接回传,不再继续找下去,但是假如全部的范围都没有找到时,就回传""。
JS作业:编写一个程序,计算增加后的工资。要求工龄满5,增加20%工资;若2—4,则增加15%;若小于2,则增加10%工资
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">
<p>输入工作年份<input type="text" id="life"></p>
<p>输入工资<input type="text" id="wage"></p>
<button id="btn">点击我计算</button>
<p id="result">${wage1}</p>
${wage1}
</div>
<script type="text/javascript">
// window.οnlοad=function(){
function $(id){
return document.getElementById(id);
}
var btn = document.getElementById('btn');
btn.onclick=function(){
// $("btn").οnclick=function(){
var life1=parseInt($("life").value);
var wage1=parseInt($("wage").value);
if(life1>=5&&life1<50){
wage1+=wage1*0.2;
}else if(life1>=2&&life1<=4){
wage1+=wage1*0.15;
}else if(life1<2&&life1>=0){
wage1+=wage1*0.1;
}else{
alert("输入有误");
return $("result").innerHTML="请重新输入";
}
$("result").innerHTML=wage1;
}
// }
</script>
</body>
</html>
判断是不是素数
错误:
for那个用分号,function后面记得有括号
下面是求一个数的阶乘
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<p>请输入一个数<input type='text' id='number' ></p>
<button id='btn'>click</button>
<p id="result">${tag}</p>
</div>
<script>
var btn=document.getElementById('btn');
var number=document.getElementById('number');
var result=document.getElementById('result');
btn.onclick=function(){
// console.log("11");
var tag=1
var shu=parseInt(number.value);
for (i=1;i<=shu; i++){
tag=tag*i
}
result.innerHTML=tag;
}
</script>
</body>
</html>