Javascript_Note.1

以下是个人学习笔记,部分代码来自教程练习,高手请忽略本文

可用生成html页用于练习

<!DOCTYPE HTML>
<html>
	<head>
		<title>Javascript_Note.1</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="easy.css" rel="stylesheet" type="text/css">
	</head>
	<body>

	<!--~~~~~~~~~~~初识JS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			 <h3>1、如何插入JS代码</h3>
	  		<script type="text/javascript">
	        	document.write("开启JS之旅!");
	    	</script>
		     <!--注意
				1、直接在HTML中用<script>标签:<script type="text/javascript"></script>
				2、在HTML引用JS外部文件:<script src="jsfile.js"></script>
		     -->

		</div>

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>2、基本语法,if/else语句</h3>
			<script type="text/javascript">
			var score =80; //score变量存储成绩,初值为80
			if (score>=60){
		    	document.write("很棒,成绩及格了。");
			}
		  
			else{
				document.write("加油,成绩不及格。");
			}
		    </script>
			<!--注意
	           1、JS中严格区分大小写,符号都要在英文输入法下,句末可以不用;分号,但是最好使用。
	           2、变量虽然可用不声明直接使用,但不规范,建议先声明,后使用。
			-->
		</div>

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>3、基本语法,定义函数</h3>
			<script type="text/javascript">
				function contxt(){
					alert("This is a function");
				}
			</script>
			<form>
				<input type="button" value="点击我" οnclick="contxt()"/>
			</form>
			<!--注意
	          1、函数定义的基本格式如下:
	          function 函数名(){
						函数代码;
	          }
			-->
		</div>
	</body>
</html>

个人练习专用格式,easy.css:
div{
	width:1024px;
	height:260px;
	background-color:#ccc;
	margin: 20px;
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值