js 条件判断放大字体

<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
window.onload=function(){
var btn1=document.getElementById(‘btn1‘);
var btn2=document.getElementById(‘btn2‘);
var span=document.getElementById(‘span‘);
var num=16;
btn1.onclick=function(){

if(num<30){

num++;
span.style.fontSize=num+ ‘px‘
}

}

}
</script>
</head>
<body>
<input type="button" value="+" id="btn1"/>
<input type="button" value="-" id="btn2" />

<span id="span">10月28日晚,中央纪委监察部官网发布消息,贵州省委常委、遵义市委书记廖少华因涉嫌严重违纪违法接受组织调查。3天后中组部宣布对其免职。廖成为十八大后中纪委一连串"打虎"行动中第十一位落马的副省部级以上高官。</span>

</body>
</html>

时间: 2024-10-13 16:17:32

js 条件判断放大字体的相关文章

JS条件判断小技巧

经常code review,我发现很容易写出一堆冗长的代码.今天就列几个比较常见的“解决之道”,看看如何减少JS里的条件判断. 提前返回,少用if...else 但是过多的嵌套,还是挺令人抓狂的.这里有一个很典型的条件嵌套: function func() { var result; if (conditionA) { if (condintionB) { result = 'Success'; } else { result = 'Error1'; } } else { result = 'E

js条件判断时隐式类型转换

Javascript 中,数字 0 为假,非0 均为真 在条件判断运算 == 中的转换规则是这样的: 如果比较的两者中有布尔值(Boolean),会把 Boolean 先转换为对应的 Number,即 0 和 1,然后进行比较. 如果比较的双方中有一方为 Number,一方为 String时,会把 String 通过 Number() 方法转换为数字,然后进行比较. 如果比较的双方中有一方为 Boolean,一方为 String时,则会将空字符串""转换为 false,除此外的一切字符

js条件判断

一.if else 条件判断 if(条件表达式) //如果条件表达式为true,执行此处的语句 }else{ //如果条件表达式为false,执行此处的语句 } if(1){ console.log( true ); }else{ console.log( false ); }//true 注意:条件表达式最后都转化成布尔型,0表示false,大于等于1表示true. 字符串有空格和无空格 var i='king'; var j='king ';//空格区别 if(username==a){ d

js !!条件判断或运算的作用

今天看到一个判断语句非常奇怪: 1 if(!!selected){} //为什么是双'!'号呢? 自己查了下资料终于明白了这其中的原理: 原来'!!'会将表达式转为Boolean类型的数据. 如果'!undefined' //得到的是true但是为了防止值等于undefined的时候不为true的话我们可以使用'!!'进行判断: 其实'!!'就是为了排除{非null/undefined/0/''} 等值: 如 var obj = {flag:true}; var demo = !!obj.fla

PHP和JS在循环、条件判断中的不同之处

一.条件判断: php中算  false 的情况 1. boolean:false 2. 整形:0 3.浮点型:0 4.字符串:"" "0"(其他都对) 5.空数组 6.空对象为真(只在php4算false,其他版本都算true) 7.null和尚未定义的变量 8.所有资源都算对,除php4,所有对象也算对 JS中if()中的表达式 1. Boolean: true 真 false 假 2. String:非空字符串为真 空字符串为假 3. Null/NaN/Und

Js的三种条件判断语句

Js的三种条件判断语句 If if语句 只有当指定条件为 true 时,使用该语句来执行代码. 语法 if (条件) { 只有当条件为 true 时执行的代码 } if...else 语句 在条件为 true 时执行代码,在条件为 false 时执行其他代码. 语法 if (条件) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 } If...else if...else 语句 使用 if....else if...else 语句来选择多个代码块之一来

JS基础--条件判断

1.if(条件){ //条件成立走代码体,不成立跳过: 代码体:} // 当只做一个条件判断,并且只走一个代码体时,使 用这种:2.if(条件){ //条件成立走,代码体1,不成立走else里的 代码体2: 代码体1:}else{ 代码体2} //当做一个条件判断,并且有两种方法时,可以使用 这种:3.if(条件1){ //哪个条件成立走哪个代码体,否则走代 码体5: 代码体1}else if(条件2){ 代码体2}else if(条件3){ 代码体3}else if(条件4){ 代码体4}el

js运算符及if,switch条件判断

js中的运算符大体上可以分为4类:1算术运算符.2一元操作符.3比较运算符.4逻辑运算符. 算术运算符一般指的是加减乘除求余这五种操作符:+,-,*,/,%.通过算术运算符可以对js中的变量进行操作.如: var a=66,b,c,d,e,f; b= a+10; //70 c=a-10; //56 d=a*10; //660 e=a/10; //6.6 f=a%4; //2 一元操作符指的是只能操作一个值的操作符:如i++,i--,++i,--i;在这里要注意区别i++与++i: var a=1

判断、条件判断、循环、跳转语句

<html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&