HTML 运算符、类型转换

2018-06-24 00:20:29来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.类型转换:

    分为自动转换和强制转换,一般用强制转换。

    其他类型转换为整数:parseInt();

    其他类型转换为小数:parseFloat();

    判断是否是一个合法的数字类型:isNaN();

    是数字的话返回false,不是数字的话返回ture   

示例:   

 

 

需要将prompt放进isNaN方法内

2.运算符:

    数学运算符+    -    *    /    %    ++    --

    关系运算符==    =    >=    <=    >    <

    逻辑运算符&&    ||    !;

    其他运算符+=    -=    *=    /=    %=    

   

3.语句:

    一般分为顺序、分支和循环语句。

1)分支语句if

if(判断条件)

{

    满足条件要执行的语句

}

else

{

    不满足条件时执行的语句

}

   

2)循环for语句:

for初始条件;循环条件;状态改变

{

    循环体

}

3)问题类型:穷举、迭代。

4)两个关键词:break continue

5)如果要输出某一参数的值:输出的值是"+a+""+b"

<script>

function visible1()

{    $("p").hide();};

</script>

</head>

<body>

<input type="button" onclick = "visible1()" value ="点这里让文字消失"/>

<p>我会消失。</p>

$("id1")就相当于document.getElementById("id1")   

 

 

 

五个练习题

1.输入整数a和b,若a2+b2大于100,则输出a2+b2百位以上数字,否则输出两数之和<br />
<input type="text" id="a" /><br />
<input type="text" id="b" /><br />
<input type="button" value="点击" onclick="dianji()" />
<script>
function dianji()
{
var a = parseInt(document.getElementById("a").value);
var b = parseInt(document.getElementById("b").value);
if(a*a+b*b>100)
{
alert(a*a+b*b);
}
else
{
alert(a+b);
}
}
</script>

<br />
<br />

2.输入一个年份,判断是否是闰年(能被4整除却不能被100整除的年份。世纪年份能被400整除的是闰年)<br />
<input type="text" id="run" /><input type="button" value="检查是否是闰年" onclick="check()" />
<script>
function check()
{
var a =parseInt(document.getElementById("run").value);
if(a%4==0&&a%100!=0 || a%400==0)
{
alert("您输入的是闰年年份");
}
else
{
alert("不是闰年");
}
}
</script>

<br />
<br />

3.标准体重:
男士体重=身高-100±3
女士体重=身高-110±3
<br />
请输入性别:<input type="text" id="sex" /><br />
请输入身高:<input type="text" id="height" /><br />
请输入体重:<input type="text" id="weight" /><br />
<input type="button" value="检查体重是否标准" onclick="tizhong()" />
<script>
function tizhong()
{
var sex =document.getElementById("sex").value;
var height =parseFloat(document.getElementById("height").value);
var weight = parseFloat(document.getElementById("weight").value);
if(sex=="男")
{
var zhong = height-100-weight;
if(zhong<=3&&zhong>=-3)
{
alert("标准体重")
}
else if(zhong>3)
{
alert("体重偏轻,多吃点")
}
else
{
alert("体重过重,多运动")
}
}
else if(sex=="女")
{
var zhong = height-110-weight;
if(zhong<=3&&zhong>=-3)
{
alert("标准体重")
}
else if(zhong>3)
{
alert("体重偏轻,多吃点")
}
else
{
alert("体重过重,多运动")
}
}
else
{
alert("性别输入有误!")
}
}
</script>
<br />
<br />

4.一个游戏,前20关是每一关自身的分数,
21-30关每一关是10分
31-40关,每一关是20分
41-49关,每一关是30分
50关,是100分
//输入你现在闯到的关卡数,求你现在拥有的分数
<br />
请输入现在闯到的关卡数:<input type="text" id="game" /><input type="button" value="计算得分" onclick="jisuan()" />
<script>
function jisuan()
{
var a = parseInt(document.getElementById("game").value);
if(a>0&&a<=50)
{
var sum=0;
for(var i=1;i<=a;i++)
{
if(i<=20)
{
sum+=i;
}
else if(i<=30)
{
sum+=10;
}
else if(i<=40)
{
sum+=20;
}
else if(i<=49)
{
sum+=30;
}
else
{
sum+=100;
}
}
alert("您获得的总分是:"+sum)
}
else
{
alert("输入有误!")
}
}
</script>

<br />
<br />


5.从控制台输入10个人的年龄放入数组,将十个人的年龄求总和
<br />
<p id="pp">请在文本框内输入第1个人的年龄:</p>
<input type="text" id="age" />
<input type="button" value="添加" id="jia" onclick="jia()" />
<script>
var array =new Array();
var biao =1;
function jia()
{
var aa =document.getElementById("jia").value;
if(aa == "添加")
{
array[biao-1] = parseInt( document.getElementById("age").value);
document.getElementById("age").value="";
biao++;
document.getElementById("pp").innerText="请在文本框内输入第"+biao+"个人的年龄:";
if(biao==10)
{
document.getElementById("jia").value="添加并计算";
}
}
else
{
array[9] = parseInt( document.getElementById("age").value);
var sum=0;
for(var i=0;i<10;i++)
{
sum+=array[i];
}
document.getElementById("jia").disabled="disabled";
alert("年龄总和是:"+sum)
}
}
</script>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:元素绝对定位以后设置了高宽,a标签不能点击的原因总结

下一篇:CSS3中flexbox如何实现水平垂直居中和三列等高布局