美文网首页Web前端之路技术干货
前端js学习之旅之 认识js

前端js学习之旅之 认识js

作者: Meng张梦莹 | 来源:发表于2017-10-18 22:27 被阅读31次

            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:是给函数取的名字

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

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

相关文章

  • 前端js学习之旅之 认识js

    1:JavaScript代码的位置 html中的js代码必须放在script标签里面,可以放在HTML...

  • Web开发快速入门基础篇(4)前端基础之JS

    4.前端基础之JS 简述 掌握了解JavaScript(js)的基本使用,以及jquery常用操作,能够处理前端交...

  • 前端相关大杂烩

    前端基础面试题(JS部分) 前端基础面试题(JS部分)学习 React.js 比你想象的要简单 原文地址:Lear...

  • 前端学习大概内容

    现代的前端开发模式 前端三驾马车:Angular、React、Vue Vue.js 学习vue.js前,需要了解的...

  • 基于 React.js + Redux + Bootstrap

    最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + u...

  • nodejs基本操作

    前端工程化 前端工程化就是通过各种工具和技术,提升前端开发效率的过程 Node.js Node.js是除了浏览器之...

  • 前端性能优化

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能 优化 大全

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

  • express + jquery 上传文件

    前端代码: node.js代码:routes/upload.js tool.js

网友评论

    本文标题:前端js学习之旅之 认识js

    本文链接:https://www.haomeiwen.com/subject/pgkyuxtx.html