对未来的恐慌，和想成为一名自由开发的梦想。让我觉得应该点亮一个新的技能：WEB前端开发。

重新学习JS以及jQuery，让我在日常code的过程中可以更得心应手，毕竟，我爱代码。

这篇文章主要记录的内容是JS相关的基本指令，只有基本内容，没有理论分析。比较深的理论知识会在后续的文章中进行对比分析。

和HTML以及CSS一样，JS也是一个纯文本语言，不需要用新的工具来编译，创建一个新的记事本，把记事本的格式改成js即可。

按照学习语言的惯例。从Hello world！开始。

首先，创建一个hello.js的文件，内容如下：

var message;

message = 'Hello world!';

document.write(message);

接下来，在同一个文件夹下创建一个名为hello.html的文件，内容如下：

<!DOCTYPE html>

<html>

          <head><title><h1>HELLO</h1></title></head>

                <body>

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

                </body>

</html>

通过运行html文件，通过<script src = "hello.js"></script>调用js文件，出现message中的内容。

知识点来了：

1.js文件是大小写敏感的，如果在编写的过程中出现大小写不一致，就得不到想要的效果。可以通过直接打开JS文件来查看是否有语法错误。

2.在浏览页面的时候，右击鼠标，选择“检查源代码”，会发现显示的只是js文件的路径。如果没有出现想要的效果，排除了语法错误，可以双击路径，看是否是路径描述错误。

3.DOCUMENT对象：document对象表示整个Web界面。write()方法可以将新内容写入页面调用<script>标签的地方。

在页面出现了Hello world，迈出学习js的第一步。

因为是Web开发的初学者，而且全靠自学，如果在博客内容中出现了过时的标签和属性。希望大家不吝指点。本人不胜感激。

JS学习记录------JS基本指令的更多相关文章

  1. vue.js学习记录

    vue.js学习记录 文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~ vue实例 生命周期 beforeCreate:不能访问thi ...

  2. 我的three.js学习记录（二）

    通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例 上图是之前做的一个dem ...

  3. 我的three.js学习记录（三）

    此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头 ...

  4. D3.js学习记录【转】【新】

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 我的three.js学习记录（一）

    在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL.然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间. 过了这个项目之后,就再也 ...

  6. Js 框架之Vue .JS学习记录 ① 与Vue 初识

    目录 与 Vue.js 认识 VUE.JS是个啥?有啥好处? Vue 的目标 战前准备  VUE.JS环境 VUE.JS 尝试一下,你就明白 第一步 实例化VUE 对象 第二步VueAPP 调用数据 ...

  7. python , angular js 学习记录【1】

    1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 199 ...

  8. css，js 学习记录

    记录一些自己曾经阅读,值得收藏的网址 --(css3新特性) https://segmentfault.com/a/1190000010780991#articleHeader41 --CSS3 3D ...

  9. D3.js学习记录

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. 微信小程序支付+php后端

    最近在做自有项目后端用的是thinkphp5.1框架,闲话不说直接上代码 小程序代码 wxpay: function(e){ let thisid = e.currentTarget.dataset. ...

  2. 解决用try except 捕获assert函数产生的AssertionError异常时,导致断言失败的用例在测试报告中通过的问题

    在使用Python3做自动化测试过程中可能会遇到,assert函数不加try  except,就可以正常在报告里体现用例不通过,加上变成通过. 这是因为在使用try except 时,捕获了asser ...

  3. k8s网络

    一.同一宿主机的两个容器间通信 通过 Veth Pair 设备 + 宿主机网桥的方式,实现了跟同一宿主机上其他容器通信. 访问流程:当容器1想要跟容器2通信时,IP包会被转发到容器1的eth0这个网卡 ...

  4. 腾讯、爱奇艺、优酷等vip视频在线解析

    http://vip.mist.xin 菠萝蜜TV全网VIP视频在线看 菠萝蜜tv http://jx.mist.xin 全网VIP视频在线解析接口 免费全网影视VIP视频vip会员免广告看电影!亲们 ...

  5. Burp Suite设置代理

    一.确认代理信息 打开Burp Suite,查看proxy->options,看到Interface一栏为127.0.0.1:8080. 二.在Firefox中设置代理服务器 可以下载工具Fox ...

  6. [Nginx]Nginx的一些概念

    Nginx 关注:一.性能  1)高并发下资源不浪费在处理进程切换休眠等,保持高的吞吐量  2)高并发下如何保持平均时延低  3)提高网络效率,例如长连接代替短链接,高压缩算法提高信息量,使用缓存减少 ...

  7. html：布局class名和其他class名个人整理总结

    一:app 二:header 三:main 四:footer 1:中横杠:布局(main-top.main-left等) 2:下横杠:状态(item-active:选中等)

  8. Vue note 2

    1.异步加载组件 一般单页面的缺点是首屏加载比较慢,因为首屏会把所有所需静态资源全部加载,对于中大型项目来说这样可能不是很合理.初步采用异步组件的方式,配合webpack,组件内部可以采用: comp ...

  9. Suse linux enterprise 11安装时更改磁盘模式为gpt的方法

    在进行鸟哥linux基础篇学习时,在"第3.2.2 选择安装模式与开机 -inst.gpt"中,鸟哥用到的CentOS 7需要用指令修改磁盘模式为gpt. 先用键盘选择Instal ...

  10. jquery中的 deferred之 when (三)

    先来看使用案例: var def1 = $.Deferred(); var def2 = $.Deferred(); var def3 = $.Deferred(); var def4 = $.Def ...