javascript基础加固—-基础

最新推荐文章于 2024-05-02 01:58:20 发布

weixin_30741653

最新推荐文章于 2024-05-02 01:58:20 发布

阅读量163

点赞数

文章标签： javascript json java ViewUI

原文链接：http://www.cnblogs.com/hackerbird/p/8794158.html

版权

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

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

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

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

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

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

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

<html>
<head></head>
<body>

<script>
alert("hello world!");
</script>

</body>
</html>

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

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

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

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

<html>

<head>
<title> JavaScript in head. </title>

<script>
alert("hello word!");
</script>

</head>

<body></body>
</html>

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

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

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

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

alert("hello word!");

<html>
<head>
<h1> my JavaScript code in "out.js" </h1>
</head>

<body>

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

</body>

</html>

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

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

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

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

关注