js基础：输出，语句，变量的小例子
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js基础：输出，语句，变量的小例子相关的知识，希望对你有一定的参考价值。
<!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基础：输出，语句，变量的小例子的主要内容，如果未能解决你的问题，请参考以下文章