博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript基础加固—-基础
阅读量:4963 次
发布时间:2019-06-12

本文共 1729 字,大约阅读时间需要 5 分钟。

JavaScript 是什么?

1 JavaScript 特点

JavaScript 是一种脚本语言,它的解释器被称为 JavaScript 引擎。JavaScript 被发明用于在 HTML 网页上使用,给HTML网页增加动态功能。

由于 JavaScript 简单易用,在现在世界上大多数网页中都能找到 JavaScript 代码,也是这个原因,现在所有的主流浏览器包含 JavaScript 引擎。

JavaScript 可以让网页呈现各种特殊效果,为用户提供良好的互动体验,对于一个互联网开发者来说,如果你想提供漂亮的网页、令用户满意的上网体验、各种基于浏览器的便捷功能、前后端之间紧密高效的联系,JavaScript是必不可少的工具。

此外,近年来 JavaScript 的使用范围,慢慢超越了浏览器,正在向通用的系统语言发展,你一定听说过“Node.js”、“JSON”等关键词。

2 简单易学

JavaScript 的语法和 C/C++、Java 等大家都了解的语言很类似,如果学过这些语言,JavaScript的入门会非常容易。

还有一点,JavaScript 的学习环境十分简单,无处不在,只需要浏览器(FireFox、Chrome,甚至是 IE)和文本编辑器,不需要另外安装配置编译器、解释器、IDE 等。

第一个 JavaScript 程序

在学习一门新语言的时候,大家都喜欢用“hello world”作为第一个程序,那么现在我们写一个 JavaScript 版本的:

JavaScript 代码放在 <script>……</script> 标签里,这段代码的效果是,弹出一个小框,显示“hello world!”。

 JavaScript 放在哪里?

刚才我们编写了第一个 JavaScript 程序,强调过 JavaScript 代码必须放置在 <script>……</script> 标签里。

我们把包含代码的 <script>……</script> 标签放在了 <body>……</body>标签里。其实不止可以这样做,我们还有另外两种方式在 HTML 中使用 JavaScript 。

1 head 中的 JavaScript

我们除了可以把包含代码的 <script> 标签放在 <body>……</body> 标签里,还可以把它放在 <head>……</head> 标签里,比如这样:

 JavaScript in head. 

这个程序的执行结果和刚才的没什么不同,但其实把 JavaScript 代码放在 <head></head> 和放在 <body></body> 里是有区别的:

简单地说,放在 <head></head> 里的会比放在 <body></body> 先执行。head 标签里的代码会在页面还未开始绘制之前被解析,而在 body 里的代码则会在页面渲染的同时在读取到这段代码的时候才被执行。

2 外部的 JavaScript

除了直接把 JavaScript 代码写在 HTML 里,我们还可以把 JavaScript 的代码写在一个 js 文件中,在 HTML 里调用这个 js 文件。我们还是以“hello world”举例。

把以下代码保存并命名为“out.js”

alert("hello word!");

my JavaScript code in "out.js"

同样,双击桌面上的“test2.html”文件,调用浏览器运行,你会发现运行效果和前两个程序也没什么区别。

其实,前两种方式都是直接把 JavaScript 代码放在 HTML 中,在页面加载的同时,那些 JavaScript 的代码就被解析了。而把 JavaScript 代码放在外部文件中,只有在事件被触发,需要该段 JavaScript 代码时,才调用执行。

这样做有个好处,当页面比较复杂的时候,把大量的 JavaScript 代码放到外部文件,只有在需要的时候才执行,那么会明显地加快页面加载速度。

 

转载于:https://www.cnblogs.com/hackerbird/p/8794158.html

你可能感兴趣的文章
Spring事务源码梳理
查看>>
plsql连接oracle10g报错:ora-12514错误的解决
查看>>
win8环境下安装sql2008r2
查看>>
要想有什么样的成就就要有什么样的眼光-SNF快速开发平台
查看>>
浅谈 HTML5 的 DOM Storage 机制 (转)
查看>>
[Leetcode] Linked List Cycle II
查看>>
Java语言:JAVA8 十大新特性详解(zz)
查看>>
线程上下文类加载器本质剖析与实现
查看>>
Bear and Blocks (dp+思维)
查看>>
jQuery源码分析第一章---匿名函数
查看>>
高精度求A*B(FFT)
查看>>
hdu 6298 Maximum Multiple(规律)
查看>>
汇总java生态圈常用技术框架、开源中间件,系统架构及经典案例等
查看>>
使用Servlet上传文件
查看>>
PHP数据类型转换
查看>>
Promise深入浅出之个人拙见
查看>>
GlusterFS群集存储项目
查看>>
Maven的POM简单理解
查看>>
Jenkins中的Job配置里缺少“触发远程构建(例如,使用脚本)”选项的问题解决...
查看>>
GitLab修改时区
查看>>