<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title></head><body> ???<h1>JavaScript</h1> ???<p>请输入数字,如果输入值不是数字,浏览器会弹出提示框。</p> ???<input type="text" name="" id="demo"> ???<script type="text/javascript"> ???????function myFunction(){ ???????????var x=document.getElementById(‘demo‘).value; ???????????if(x==‘‘||isNaN(x)) ???????????{ ???????????????alert(‘不是数字!‘); ???????????} ???????} ???</script> ???<input type="button" name="" value="点击这里" onclick="myFunction()"> ???<hr/> ???<p id="demo2">javascript能改变html元素的样式</p> ???<script type="text/javascript"> ???????function myFunction2(){ ???????????var yangs=document.getElementById(‘demo2‘);//找到该元素 ???????????yangs.style.color=‘yellow‘;//改变字体颜色为红色 ???????} ???</script> ???<input type="button" name="" value="请点击这里" onclick="myFunction2()"> ???<hr> ???<p id="demo3" onclick="myFunction3()">点击我,改变html内容</p> ???<script type="text/javascript"> ???????function myFunction3(){ ???????????var neir=document.getElementById(‘demo3‘); ???????????neir.innerHTML=‘已经改变js内容了‘; ???????} ???</script> ???<hr> ???<!-- 通过指定的id来访问html元素,并改变其内容 --> ???<p id="demo4" onclick="myFunction4()">点击我,内容未改变</p> ???<script> ???????function myFunction4(){ ???????????document.getElementById(‘demo4‘).innerHTML=‘内容已改变‘; ???????} ???</script> ???<hr> ???<!-- 一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。 --> ???<p>创建变量并显示效果</p> ???<p id="demo5"></p> ???<script> ???????function myFunction5(){ ???????????var carname=‘这是新名字Marvin‘ ???????????document.getElementById(‘demo5‘).innerHTML=carname; ???} ???</script> ???<input type="button" name="" value="点击" onclick="myFunction5()"> ???<hr> ???<p>js数组</p> ???<script type="text/javascript"> ???????var i; ???????var cars=new Array(); ???????cars[0]=‘A‘; ???????cars[1]=‘B‘; ???????cars[2]=‘C‘; ???????for(i=0;i<cars.length;i++){ ???????????document.write(cars[i]+‘<br>‘); ???????} ???</script></body></html>
js基础:输出,语句,变量的小例子
原文地址:http://www.cnblogs.com/LoveMarvin/p/7977922.html