JavaScript_01 语法、关键保留字及变量

区分大小写

标识符开头:字母 、 _ 、 $

不可把关键字作为标识符

注释:  //         /*       */


变量声明:

var box = 100;
alert(box);


数据类型:

1、typeof操作符
2、Undefined类型
3、Null类型
4、Boolean类型
5、Number类型
6、String类型
7、Object类型

进制

八进制(0开头)
var box = 020;

十六进制(0x开头)
var box = 0x1f ;

document.write("<h1>This is teacher</h1>");

点击按钮更换<p>标签内容

  	<script type="text/javascript" >
		document.write("<h1>This is teacher</h1>");

		function myfunction(){
			i = document.getElementById("aaa");
			i.innerHTML = "改成我";
		}
	</script>
	
	
  	<button type="button" οnclick="myfunction()">点击</button>
  	<p id="aaa">被改变的</p>

点击灯泡更换颜色

  	<script type="text/javascript" >
		function change(){
			tupian = document.getElementById("img");
			
			if(tupian.src.match("mm2")){
				
				tupian.src = "images/mm1.jpg";
				}
			else{
				tupian.src = "images/mm2.jpg";	
			}
			
		}
		
	</script>
	
	<img id="img" src="images/mm1.jpg" οnclick="change()"/>
  	<p>点击电灯泡改变颜色</p>

点击按钮字体变色

  	<script type="text/javascript" >
		function dian(){
			ppp = document.getElementById("ss");
			ppp.style.color = "red";
			
			}
	</script>
	
	
  	<p id="ss">点击电灯泡改变颜色</p>
  	<button type="button" οnclick="dian()">按钮</button>


表单数字验证

 	<script type="text/javascript" >
		function checkk(){
			va = document.getElementById("ttx").value;
			if(va=="" || isNaN(va)){
					alert("不符合数字格式");
				}
			}
	</script>
	
	
  	<input id="ttx" type="text"/>
  	<button type="button" οnclick="checkk()">按钮</button>

循环数组

	<script type="text/javascript">
		var txt = '';
		
		var person = {name:'john',age:20,clazz:'二一'};


		for(x in person){
			txt = person[x];
			document.write(txt+"<br>");
			}		
	</script>

JavaScript 错误 - Throw、Try 和 Catch

  <body>
  
	<script type="text/javascript">
		function meeee(){
			try{
				ale1rt("123123");
			}catch(err){
				txt = "有个错误。";
				txt += "错误描述: "+err.message;
				txt += "点击确定继续";
				alert(txt);
				}
		}
		
	</script>
	
	<input type="button" value="查看怎样了" οnclick="meeee()">
	
  </body>

JavaScript中有三种弹出框:警告(alert)、确认(confirm)以及提问(prompt)。

<script type="text/JavaScript">
     alert("我是菜鸟我怕谁");
</script>

<script type="text/JavaScript">
     var r=confirm("你是菜鸟吗");
     if (r==true)
     {
     document.write("彼此彼此");
     }
     else
     {
     document.write("佩服佩服");
     }
</script>












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值