摘要:心血来潮的想写点东西帮助自己学习,本文只记录作为初学者的作者在JS学习路上的历程,作为日记仅供参考。(作者作为一名还没入行且正在学习的初学者,文章中可能会有诸多错误,希望大佬们能帮助自己及时纠正。)
JS全称:JavaScript,解释型语言,支持面向对象。JavaScript由ECMAScript、文档对象模型(DOM:Document Object Model)、浏览器对象模型(BOM:Browser Object Model)组成。
JS代码应该写在script标签中,初学者建议使用以下代码输出:
弹出一个警告框 alert("这是我的第一行JS代码");
向页面中输出内容 document.write("可以向body中输出一个内容");
向控制台输出内容 console.log("向控制台输出一个内容");
PS:JS代码遵循从上向下执行的原则
第一种:将JS代码写到标签的onlick属性中
①<button onlick = "alert('你动我干嘛');">动我一下试试</button>
②<a href = "javascript:alert('让你动你就动?');">再动我一下</a>
③<a href = "javascript:;">点击后毫无反应</a>
PS:将JS代码写在标签属性中,代码属于结构与行为耦合,不方便维护,不推荐使用
第二种:将JS代码写到script标签中
<script type = "text/javascript">
alert("我是script标签中的代码!!!");
</script>
第三种:通过script标签引入外部js文件
<!COCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链入式</tiele>
<script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>
一旦引入了外部的文件,标签内部便不可再编写代码;如有必要,可再创建新的<script>标签。<script>标签可在不同的页面中引入,同时也可以很好的利用浏览器的缓存机制。非常推荐使用
另外补充一些:
1.JS中严格区分大小写
2.JS中每一条语句以分号(;)结尾
3.JS中会忽略多个空格与换行,方便格式化
JS代码中的注释:/* ... */ 为多行注释,// 为单行注释;
字面量:一些不可改变的值,可直接使用
变量:值可以任意改变,可用来保存字面量,方便使用(可通过变量对字面量进行描述)
声明变量
//JS中使用var来声明一个变量
var a;
//为变量赋值
a = 123;
//声明+赋值
var b = 789;
标识符:JS中所有可;由我们自主命名的
例如:变量名 函数名 属性名
命名规则:
1.可含有字母、数字、下划线( _ )、$
2.不能以数字开头
3.不能是ES中的关键字或保留字
4.一般采用驼峰命名法(首字母小写,单词开头字母大写)