JS入门
<html lang="en"> <head> <meta charset="UTF-8"> <!--当浏览器不支持js的时候会显示该信息--> <noscript> 浏览器js功能被禁用 <!--noscript：用来检测浏览器js是否被禁用--> </noscript> <title>js入门</title> </head> <body> <!--js的组成部分 1:es js的语法规则部分 2：dom 文档对象模型（html内容，js可以通过dom结构，去修改html内容） 3：bom 浏览器对象模型（js不光可以操作html，还可以操作浏览器） --> <!--js的使用方法（跟css类比）： 1：行内js 2：内部js 3：外部js--> <!--1:行内js--> <!-- <button onclick="javascript:alert('HelloWord')">HelloWord</button><!--alert:对话框,行内样式基本不使用-->--> <!--2:内部js--> <button onclick="showHello()">德玛西亚！</button> </body> <!--<script> function showHello() { alert("盖伦真肉!"); } </script>--> <!--3:外部样式--> <script src="../../js/First.js"></script> </html>
结果图：
命名规则
<html lang="en"> <head> <meta charset="UTF-8"> <title>命名规则</title> </head> <body> <!-- 以字母、数字、下划线和$符组成，不能以数字开头--> </body> <script> var left = 10; var right = 8; var temp; /*交换过程*/ temp = left; left = right; right = temp; alert("左手：+left"); alert("右手：+right") </script> </html>
结果图：
数据类型
html lang="en"> <head> <meta charset="UTF-8"> <title>数据类型</title> </head> <body> </body> <script> /*undefined*/ var i; alert(i); /*boolean*/ var b1 = true; var b2 = false; /*number*/ var i = 10; /*string*//*字符串*/
var s = ccy;
/*object*/ var obj = { } </script> </html>
结果图：
数据转换
<html lang="en"> <head> <meta charset="UTF-8"> <title>数据转换</title> </head> <body> </body> <script> /*var s1 = "123"; s1 = Number(s1); var i = 123; var result = s1+i; alert(result);*/ /*parseInt:把字符串类型的数字，转换成整形*/ /*var s1 = "123.5"; var i = 123; s1 = parseInt(s1); var result = s1+i; alert(result);*/ /*parseFloat:把字符串类型的数字，转换成浮点形*/ var s1 = "123.6"; var i = 123; s1 = parseFloat(s1); var result = s1+i; alert(result); </script> </html>
结果图：
