JS学习记录------JS基本指令
对未来的恐慌，和想成为一名自由开发的梦想。让我觉得应该点亮一个新的技能：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基本指令的更多相关文章
- vue.js学习记录
vue.js学习记录 文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~ vue实例 生命周期 beforeCreate:不能访问thi ...
- 我的three.js学习记录（二）
通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例 上图是之前做的一个dem ...
- 我的three.js学习记录（三）
此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头 ...
- D3.js学习记录【转】【新】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 我的three.js学习记录（一）
在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL.然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间. 过了这个项目之后,就再也 ...
- Js 框架之Vue .JS学习记录 ① 与Vue 初识
目录 与 Vue.js 认识 VUE.JS是个啥?有啥好处? Vue 的目标 战前准备 VUE.JS环境 VUE.JS 尝试一下,你就明白 第一步 实例化VUE 对象 第二步VueAPP 调用数据 ...
- python , angular js 学习记录【1】
1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 199 ...
- css，js 学习记录
记录一些自己曾经阅读,值得收藏的网址 --(css3新特性) https://segmentfault.com/a/1190000010780991#articleHeader41 --CSS3 3D ...
- D3.js学习记录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- 分布式系统session同步解决方案
来源:架构师之路 session的概念 什么是session? 当浏览器端第一次访问web server时,server端会调用getSession()方法创建session对象,经过特殊算法计算出s ...
- qt button clicked(bool) always false
今天用 qt 中的按键的时候,希望按键有两种状态,通过 clicked(bool) 发送信号给槽,结果一直发的是 false,不能为 true,后来终于找到问题了,有两种解决方法. 在 button ...
- 用ASP.NET_Regsql.exe创建Session数据库
CMD: C:\Users\ZhangSC>C:\Windows\Microsoft.NET\Framework64\v4.0.30319\aspnet_regsql.exe -S ZhangS ...
- 离职有感（CVTE，创业公司，求职...）
最近几个月,真的各种心酸......体现出来的就是对自己身体的,心里的.......6月底离职以来,一直到现在,经历了两个公司...才这么三个月,就经历了两个公司......我都忍不住怀疑自己,是不是 ...
- java基础语法（标识符 修饰符 关键字）
标识符 用来表示类名,变量名,方法名,类型名,数组名,文件名的有效字符序列称为标识符. 1)只有字母(区分大小写),下划线,美元符号和数字组成,长度不受限制.注:字母包括英文26个字母 ,汉字,日 ...
- python大法好——python json
Python JSON 本章节我们将为大家介绍如何使用 Python 语言来编码和解码 JSON 对象. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式, ...
- [Linux]Ubuntu 16.04 远程桌面
来源:http://blog.csdn.net/zz_1215/article/details/77921405 先吐槽一下,网上教的方法都是半桶水,都被教到连接后出现灰屏,只有这个博主(zz_121 ...
- Spring的回滚问题
再说下声明式事务和注解事务回滚的原理:当被切面切中或者是加了注解的方法中抛出了RuntimeException异常时,Spring会进行事务回滚.默认情况下是捕获到方法的RuntimeExceptio ...
- 关于 early Z 与 z-prepass
今天在考虑优化MOBA项目中的树木时(采用了ALPHATEST)时,与同事讨论中深入了解了这两个概念. 以前居然不知道有early z的存在,真是惭愧.... 上个链接: 深入剖析GPU Early ...
- open（）函数 linux中open函数使用
来源:http://www.cnblogs.com/songfeixiang/p/3733855.html linux中open函数使用 open函数用来打开一个设备,他返回的是一个整型变量,如果 ...