JavaScript-从入门到装逼(一)

金文翔
• 阅读 2013

作者吐槽

写这篇文章为了巩固自身基础,也希望能够帮助到想学JS的朋友更容易入门。如有错误点,望朋友指点。谢谢!

Js应该写在哪里

写在<head>

<script></scrip>组成的代码就是JavaScript代码,浏览器识别是JS代码,执行。

<!DOCTYPE html>
<html>
<head>
<title>first script</title>
</head>
<body>
<script>
document.write("hello world!");
</script>
</body>
</html>

PS: <script>标签中为何使用type="text/javascript"。其实这是没必要的,它本身默认就是javascript, 所以没必要指定。

引入外部Js

需要使用外部文件,在<script>标签 "scr" 属性中设置 .js文件

<!DOCTYPE html>
<html>
<head>
<!-- 引入了外部的一个Script.js的文件 -->
<script src="Script.js"></script>
</head>
<body>
</body>
</html>

变量

储存数据的容器可以:字母开头、 $_不推荐) 命名,变量名称对大小写敏感。

变量用var声明

    var test; //声明一个变量    

JavaScript中,变量也可以不做声明

作用域

下章讲解

数据类型

    a = 100;    //数字
    a1= 100.00    //小数点
    b = 'hello'; //字符串
    c = true;    //布尔类型:true 或 
    d = ['a','b','c'];    //数组 var d = new Array() a[0]='a';b[1]='b';a[2]='c'; 也可以 var d = new Array('a','b','c');
    Undefined 和 Null     //Undefined 表示变量不含值。可以将变量的值设置为 null 来清空变量。
                          //对象与对象相关联的任何值
                          //函数返回的值

PS:数据类型我将在后面章节详细讲解。

运算符

算数运算符

    var a = 1 + 2; //a = 3
    var b = 2 - 1; //b = 1
    var c = a * b; //c = 3
    var d = a / c; //d = 1
    var e = 1;
        e++;    //e = 2 累加 同理 -- 累减
     var f = b % c; //f = 1 取余     

比较运算符

< (小于)、> (大于)、<= (小于等于)、>= (大于等于)、== (等于)、!= (不等于)。

逻辑运算符

JavaScript-从入门到装逼(一)

推荐一篇代码书写规范

点赞
收藏
评论区
推荐文章
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Easter79 Easter79
3年前
sql:mysql:函数:TIMESTAMPDIFF函数实现TimeStamp字段相减,求得时间差
<divclass"htmledit\_views"id"content\_views"<p&nbsp;函数内指定是minute,则最终结果value值的单位是分钟,如果函数内指定为hours,则最终结果value值单位为小时。</p<preclass"has"name"code"<codeclass"hljssql"<
Wesley13 Wesley13
3年前
java 反射得到属性与属性值
<divid"cnblogs\_post\_body"class"blogpostbody"<p反射可以破坏所有的封装性,比如这次通过反射得到的属性与属性值;</p<divclass"cnblogs\_code"<divclass"cnblogs\_code\_toolbar"<spanclass"cnblogs\_co
Easter79 Easter79
3年前
springcloud中feign的@FeignClient应该写在哪里?
前言最近项目组拿了友商的springcloudalibaba项目来进行改造,在翻阅他们的代码时候,发现他们把@FeignClient写在服务提供方的API上,他们这样的写法成功的引起我的注意,于是抱着好学的心态请教友商的开发人员,于是一篇水文就这么诞生了友商开发人员解惑友商服务提供方的API形如下@Feign
Stella981 Stella981
3年前
JSONArray数据转换成java List
<divid"cnblogs\_post\_body"class"blogpostbody"<p<spanstyle"fontsize:18pt"1.后台接收json数组转成封装实体类的List:</span</p<divclass"cnblogs\_code"<divclass"cnblogs\_code\_tool
Wesley13 Wesley13
3年前
Java入门篇(一)——如何编写一个简单的Java程序
  最近准备花费很长一段时间写一些关于Java的从入门到进阶再到项目开发的教程,希望对初学Java的朋友们有所帮助,更快的融入Java的学习之中。  主要内容包括JavaSE、JavaEE的基础知识以及如何用Java语言编写一个简单的软件、一个小型的游戏、一个简易的项目、或者一些比较复杂的项目实战等等。  这些文章我不准备用概念来引入Java知识,因
Stella981 Stella981
3年前
Kafka的10道基础面试题
写在前面许久不见,各位读者,上次更文已经是去年了,快两个月没发文章了,谢谢大家没有取关。没有加我微信的朋友,可能不知道我于去年12月当上了爸爸,算是我人生的一个重大变化。工作还未满两年,在25岁成为了父亲,还是挺有压力的,会有紧张感,所以也停更了一段时间,好好整理自己。现在我回来啦!今年还是会好好写文章,分享有价值的文章给读者。希望能提
Stella981 Stella981
3年前
PowerDesigner列名、注释内容互换
在用PowerDesigner时,常常在NAME或Comment中写中文在Code中写英文,Name只会显示给我们看,Code会使用在代码中,但Comment中的文字会保存到数据库TABLE的Description中,有时候我们写好了Name再写一次Comment很麻烦,以下两段代码就可以解决这个问题。在PowerDesigner中PowerDesig
九旬 九旬
1年前
2024年最新🔥程序员接单指南
我是从去年开始接单,因为钱都交给老婆了,所以自己赚个零花钱,特此总结分享一下,写这篇指南,希望可以帮助到感兴趣的朋友快速上路。