初学JS（一）---JS输出、JS语句、JS语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>	
		<p id="demo"></p>
	    <button type="button" onclick="document.write(5 + 6)">试一试</button>
	    <br>
	<script>
		//如需访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。
		//id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容
 		document.getElementById("demo").innerHTML ="demo显示5 + 6 = "+(5+6);
        //document.write() 方法仅用于测试。
        //在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：
        document.write(5 + 6);
        //使用警告框来显示数据：
        window.alert(5 + 6);
        // 在浏览器中，可使用 console.log() 方法来显示数据。通过 F12 来激活浏览器控制台
        console.log(5 + 6);
	</script>
	</body>
</html>

三、JS语句

JavaScript 语句由值、运算符、表达式、关键词和注释构成。

JavaScript 会忽略多个空格，可以向脚本添加空格，以增强可读性。

四、JS语法

JavaScript 值

JavaScript 语句定义两种类型的值：混合值和变量值。

混合值被称为字面量（literal）。变量值被称为变量。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>	
		<p id="demo"></p>
	  	<p id="demo1"></p>
	  	<p id="demo2"></p>
	  	<p id="demo3"></p>
	  	<p id="demo4"></p>
	    <br>
	<script>
		//变量
		var x,y,z;
		x=5;
		y=6;
		z=x+y;
		document.getElementById("demo").innerHTML= z * 10;
		//字面值,有无小数点均可
		document.getElementById("demo1").innerHTML = 111.11;
		//文本，单引号，双引号均可
		document.getElementById("demo2").innerHTML="字符串1211s";
		document.getElementById("demo3").innerHTML='字符串1211s';
	</script>
	</body>
</html>