前端js学习之旅之 认识js

            1:JavaScript代码的位置

html中的js代码必须放在script标签里面,可以放在HTML页面中head和body标签部分中。

如:<html>

<head>

    <title>first script</title>

</head>

<body>

<script>

    document.write("hello world!”);(放在所有标签结束后,body结束之前)

</script>

</body>

</html>



        2:JavaScript代码的位置

前面的例子解释:

<script>这是script 开始标签,告诉浏览器后面的代码是js而不是html;

document.write("Hello, world!");这是是一个JavaScript语句:它获得文档窗口并在其中写入"Hello, world!"。一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束。

</script>这结束JavaScript,并告诉浏览器后面的代码是html。



        3:JavaScript代码的引入

有时候我们经常需要让多个html页面共享一个脚本,所以就把脚本保存到外部文件中。外部JavaScript文件的文件扩展名是 .js。如需使用外部文件,在 <script> 标签的 "src" 属性中设置该 .js 文件(外部JavaScript文件中不用<script>标签)

如:<html>

<head>

    <!-- 引入了外部的一个myScript.js的文件 -->

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

</head>

<body>

</body>

</html>




        4:JavaScript代码的语句规范

语句以一个分号结尾;如果省略分号,则由解析器确定语句的结尾。

然语句结尾的分号不是必需的,但我们建议任何时候都不要省略它。另外,加上分号也会在某些情况下增进代码的性能,因为这样解析器就不必再花时间推测应该在哪里插入分号了。

如:

1.var sum = a + b 

    // 即使没有分号也是有效的语句——不推荐

2.var dif = a - b;    // 有效的语句——推荐




        5:JavaScript的注释

单行注释是在注释内容前加符号“//”。

如:document.write(“我是韩梅梅”);//我是注释

多行注释/**/。

如:

/*这里是多行注释

下面才是代码*/

document.write(“我是李雷”);




        6:JavaScript的函数

什么是函数

函数是一组执行某一任务的JavaScript 语句,可被脚本的其他部分调用。这时我们就可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。如:

function functionName(){

    代码块

}

functionName();

function:定义函数的关键字

functionName:是给函数取的名字

代码块:是完成某一任务的代码

好了,今天的第一课到这里就完全结束了,希望大家可以多多了解。如有什么意见希望提出,希望能够得到更多朋友的支持!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,193评论 0 5
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 8,647评论 2 36
  • 一)、你知道,为什么JavaScript非常值得我们学习吗? 所有主流浏览器都支持JavaScript。 目前,全...
    小虾米前端阅读 1,501评论 0 1
  • 知青,是一代人的名称,是比八〇后更具化的时代群体。这个群体以人口在城乡间区域间大范围大规模迁徙、城市在校学生蜕为农...
    心也江湖阅读 1,495评论 1 0
  • 离开一个地方之后,路途的遥远,以及彼此生活的不同,会慢慢与那里的朋友少了联系。有时候点开通讯录,却又有着不知说什么...
    骷髅心阅读 3,449评论 0 0