1、JavaScript基础教程

1.1、Javascript基础-介绍、实现、输出

1.1.1、JavaScript是互联网上最流行的脚本语言，这门语言可用于web和HTML，更可广泛用于服务端、pc端、移动端。

1.1.2、JavaScript脚本语言

　　JavaScript是一种轻量级的编程语言

　　JavaScript是可插入HTML页面的变成代码

　　JavaScript插入HTML页面后，可由所有的浏览器执行

1.1.3、JS用法：

　　HTML中的脚本必须位于<script></script>标签之中

　　脚本可被放置在HTML页面的<body><head>部分中

1.1.4、JS标签：

　　在HTML中插入JavaScript，使用<script>标签

　　在<script></script>之间书写代码

1.1.5、JavaScript使用限制

　　在HTML中，不限制脚本数量

　　通常会把脚本置于<head>标签中，以不干扰页面内容。

1.1.6、JavaScript输出

　　JavaScript通常用来操作HTML

　　文档输出：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

    <title>Title</title>

    <script src="test.js"></script>

    <script>

        document.write("JS在上面的一句话");

    </script>

</head>

<body>

    <p id="pid">hello</p>

    <div>

        div1

    </div>

    <script>

        document.write("JS在中间的一句话");

        document.getElementById("pid").innerText = "jikexueyuan";

    </script>

</body>

</html>

1.2、Javascript基础-语法和注释

1.2.1、分号：

　　　注意：分号是可选项，有时候可以看到不以分号隔开的。

1.2.2、执行顺序：

　　按照编写顺序依次执行

1.2.3、标识符：

　　JavaScript标识符必须以字母、下划线或美元符号开始

　　JavaScript关键字

1.2.4、JavaScript对大小写敏感

1.2.5、JavaScript会忽略掉多余的空格

1.2.6、保留字

　　

1.2.7、注释和C++注释方法一样

　　//、/**/

1.3、Javascript基础-变量和数据类型

1.3.1、变量是用来储存信息的容器

1.3.2、JavaScript数据类型

　　字符串（string）

　　数字（Number）

　　布尔（Boolean）true、false

　　数组（Array）

　　对象（Object）

　　空（null）

　　未定义

　　可以通过赋值为null的方式来清除变量

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<script>

    var i = 10;

    var j = 10;

    var k = i + j;

    document.write(k);

    /*这里的k是20*/

</script>

<script>

    var arr = ["hello","jike","xueyuan","women"];

    var arr2 = new Array("hello","jike","xueyuan","women");

    document.write("<br/>"+arr+"<br/>");

    /*输出arr数组内全部的变量*/

    document.write(arr2+"<br/>");

    // var arr3[4] = ["hello","jike","xueyuan","women"];

    /*上面这句代码有问题，说明不能用var定义固定长度的数组*/

    // document.write(arr3[3]+"<br/>");

    var n = null;

    document.write(n);

    /*上面这一句不是什么都不输出，会写一个null字符串*/

    arr = null

    document.write(arr);

</script>

</body>

</html>

web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程的更多相关文章

  1. web前端－－知识点，笔记叠加（javascript,jquery,html5+css3.0,ajax）

    函数传参列表,获取方法arguments的使用 function arg(){ var str = '总共传了'+arguments.length+'个参数\n'; for(var i=0;i< ...

  2. Web前端与移动开发学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ...

  3. 想做web前端project师应该学习些什么？

    偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...

  4. 最全的WEB前端开发程序员学习清单

    史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ...

  5. web前端开发控件学习笔记之jqgrid+ztree+echarts

    版权声明:本文为博主原创文章,转载请注明出处.   作为web前端初学者,今天要记录的是三个控件的使用心得,分别是表格控件jqgrid,树形控件ztree,图表控件echarts.下边分别进行描述. ...

  6. 2022年Web前端开发流程和学习路线（详尽版）

    前言 前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理.理论上,面向用户的产品里,所有问题(包括产品.设计.后端.甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题 ...

  7. 史上最全的web前端开发程序员学习清单！

    今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我回答过无数次这种问题了,但是问这个的还是有 ...

  8. WEB 前端模块化，读文笔记

    文章链接 WEB 前端模块化都有什么? 知识点 根据平台划分 浏览器 AMD.CMD 存在网络瓶颈,使用异步加载 非浏览器 CommonJS 直接操作 IO,同步加载 浏览器 AMD 依赖前置 req ...

  9. Web前端开发最佳实践（12）：JavaScript代码中有大量写死的配置数据？这些数据难以维护，你需要合理组织这些数据

    前言 JavaScript代码基本上都是由业务逻辑和数据组成的,逻辑代码根据数据完成一定的操作.很多数据在代码中是写死的,比如一些URL.显示在界面上的提示信息.页面元素相关的样式值及其他使用到的固定 ...

  10. Web前端开发最佳实践（10）：JavaScript代码不好读，不好维护？你需要改变写代码的习惯

    前言 这篇文章本应该在上一篇文章:使用更严格的JavaScript编码方式,提高代码质量之前发布,但当时觉得这篇文章太过基础,也就作罢.后来咨询了一些初级的开发者,他们觉得有必要把这篇文章也放上来.尽 ...

随机推荐

  1. python 中动态类的创建

    参考 collections.namedtuple 的实现 链接: https://www.cnblogs.com/BeautifulWorld/p/11647198.html

  2. 小程序 设置tabBar选中颜色和图标

    "tabBar": { "selectedColor": "#4da9ff", //颜色 "list": [{ &quo ...

  3. python-web-习题

    1．简单描述 webbrowser.requests.BeautifulSoup 和 selenium 模块之间的不同 webbrowser模块有一个 open() 方法,它启动 web 浏览器,打开 ...

  4. 网络结构解读之inception系列二：GoogLeNet（Inception V1）

    网络结构解读之inception系列二:GoogLeNet(Inception V1) inception系列的开山之作,有网络结构设计的初期思考. Going deeper with convolu ...

  5. c语言解决函数变参数问题 va_list

    前言:看到sprintf,swprintf之类的可变参数格式化函数,是否想过我们能写一个自定义的类似的函数吗?答案是很定的,下面来介绍一种方法,用va_list,va_start, va_end来实现 ...

  6. [转]WPF更换主题

    如果要做到一个应用程序其基本的内容不变,但改变整个应用程序的外观可以这样做: 对于每一套外观定义一个ResourceDictionary 在应用程序中,动态加载此应用程序(或窗体)的Resource ...

  7. pg_hba.conf配置文件

    实例级别的权限由pg_hba.conf来控制,例如 : # TYPE DATABASE USER ADDRESS METHOD # "local" is for Unix doma ...

  8. leyou_04_vue.js的ajax请求方式

    1.异步查询数据,自然是通过ajax查询,大家首先想起的肯定是jQuery.但jQuery与MVVM的思想不吻合,而且ajax只是jQuery的一小部分.因此不可能为了发起ajax请求而去引用这么大的 ...

  9. Junit5的依赖添加及RunWith(SpringJUnit4ClassRunner.class)注解使用

    首先Junit5依赖应该配置为 <dependency> <groupId>org.junit.jupiter</groupId> <artifactId&g ...

  10. 使用Scrapyd部署Scrapy爬虫到远程服务器上

    1.准备好爬虫程序 2.修改项目配置 找到项目配置文件scrapy.cnf,将里面注释掉的url解开来 本代码需要连接数据库,因此需要修改对应的数据库配置 其实就是将里面的数据库地址进行修改,变成远程 ...