标签：input func 字体 点击 lang 样式 基础 for inner
<!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>
标签：input func 字体 点击 lang 样式 基础 for inner
原文地址：http://www.cnblogs.com/LoveMarvin/p/7977922.html
