最近在学习JS效果,分享些实战经验。
来图镇楼!
html部分(大综合):
<body>
<!--1.传递一个参数-->
<div id="div-color1"></div>
<input type="button" value="背景变黄" onclick="changColor(this)" />
<input type="button" value="背景变红" onclick="changColor(this)"/>
<input type="button" value="背景变黑" onclick="changColor(this)"/>
<input type="button" value="恢复原样" onclick="changColor(this)"/>
<div id="div-color2"></div>
<input type="button" value="背景变窄" onclick="Change(this)"/>
<input type="button" value="背景变黄" onclick="Change(this)"/>
<input type="button" value="背景变高" onclick="Change(this)"/>
<input type="button" value="恢复原样" onclick="Change(this)"/>
<br /><br />
<input type="text" value="你拍一 我拍一" id="name"/>
<input type="button" value="改变文字" onclick="changname()"/>
<input type="button" value="添加title属性(鼠标经过)" id="name1" onmouseover="addtitle()"/>
<br /><br />
<!--1.while循环-->
<input type="button" value="循环出现提示框5次" onclick="xunhuan()"/>
<br /><br />
<!--2.for循环-->
<input type="button" value="批量修改样式" onclick="yangshi()"/>
<div id="div-max">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>
<br /><br />
<!--1.求和-->
<p>1.字符串相加</p>
<input type="text" id="txt1" />+<input type="text" id="txt2" /><input type="button" value="求和" onclick="qiuhe()" />
<br /><br />
<!--2.-->
<p>2.字符串相加</p>
<input type="text" id="txt3" />+<input type="text" id="txt4" /><input type="button" value="求和" onclick="qiuhe1()" />
<br /><br />
<!--3.-->
<p>3.判断是否NaN</p>
<input type="text" id="num" /><input type="button" value="检测" onclick="jc()" />
<br /><br />
<!--4.-->
<p>4.相加3</p>
<input type="text" id="txt5" placeholder="支持整数运算"/>+<input type="text" id="txt6" placeholder="支持整数运算"/><input type="button" value="求和" onclick="qiuhe2()" />
<br /><br />