JavaScript入门：在网页中插入和使用JS代码

需积分: 1 7 浏览量更新于2024-07-27 收藏 228KB DOC 举报

"JavaScript基础教程，讲解如何在网页中插入JavaScript代码、使用document.write输出内容以及如何处理不支持JavaScript的浏览器。" JavaScript是Web开发中不可或缺的一部分，它是一种轻量级的解释型编程语言，主要用于网页和用户交互以及操作网页内容。在网页中插入JavaScript，我们通常使用`<script>`标签。下面我们将详细探讨这个过程。首先，要在HTML文档中插入JavaScript代码，可以使用以下结构： ```html <script type="text/javascript"> // JavaScript代码块 </script> ``` 这里的`type="text/javascript"`属性告诉浏览器这段代码是JavaScript。`<script>`标签内的内容就是实际的JavaScript代码。例如，如果我们要在网页上显示文本“我是菜鸟我怕谁!”，可以这样写： ```html <script type="text/javascript"> document.write("我是菜鸟我怕谁!"); </script> ``` `document.write`是JavaScript中的一个函数，它会向当前文档写入指定的文本或HTML。在这个例子中，它将在页面上输出所给的字符串。对于不支持JavaScript的浏览器，可以使用HTML注释来隐藏JavaScript代码，以确保这些浏览器不会尝试解析它们。下面是如何做到这一点的示例： ```html <html> <body>  <script type="text/javascript"> document.write("我是菜鸟我怕谁!"); </script>  </body> </html> ``` 在上面的例子中，`` 之间的内容对不支持JavaScript的浏览器来说被视为注释，因此会被忽略。而支持JavaScript的浏览器则会执行这段代码。 JavaScript的插入位置会影响其执行时间。如果将`<script>`标签放置在`<head>`标签内，代码会在HTML文档被解析时执行。然而，如果放置在`<body>`标签内，代码会等到对应的HTML元素被解析到时才执行。例如： ```html <html> <head>  <script type="text/javascript"> console.log("Hello from head!"); </script> </head> <body> <h1>欢迎来到我的网页</h1> <script type="text/javascript"> console.log("Hello from body!"); </script> </body> </html> ``` 在这种情况下，"Hello from head!" 会先在控制台打印出来，因为`<head>`中的脚本先被执行。而"Hello from body!"则会在`<h1>`元素被解析后输出。了解这些基础知识是JavaScript学习之旅的起点。随着你深入学习，你将掌握变量、数据类型、条件语句、循环、函数、对象等更多概念，从而能够创建复杂的交互式网页应用。在实践中不断探索和学习，JavaScript将成为你强大的工具，帮助你实现各种网页动态效果和用户交互。

var a ; //声明一个变量 a

a = 5 ; //给变量赋值

</script>

其实在第一个例子中我们已经看到了，JavaScript 中可以不声明变量直接赋值。不过先

声明变量是一个良好的编程习惯。

变量的数据类型

a = 5， b = 6， c = a +_b，天啊！我可不是来学数学的。别着急，往下看。

其实，在 JavaScript 中，变量是无所不能的容器，你可以吧任何东西存储在变量里，

例如：

var quanNeng1 = 123;//数字

var quanNeng2 = "一二三"//字符串

其中，quanNeng2 这个变量存储了一个字符串，字符串需要用一对引号括起来。变量

还可以存储更多的东西，例如数组，对象，布尔值等等，我们会在后面介绍这些内容。

JavaScript 操作符(一)——运算操作符

操作符是用于在 JavaScript 中指定一定动作的符号，其中算术操作符主要用来完成类

似加减乘除的工作。

操作符举例

看下面这段 JavaScript 代码。

c = a + b;

其中的"="和"+"都是操作符。

JavaScript 中还有很多这样的操作符，例如，加减乘除是 JavaScript 中比较基本的几个

操作符，它们的意义与在数学中没有什么差别。

剩余38页未读，继续阅读

dennisdeng900527

粉丝: 0
资源: 2

JavaScript入门：在网页中插入和使用JS代码

JavaScript基础教程：快速掌握JS核心知识

JavaScript基础教程：从入门到深入

JavaScript基础教程：从入门到精通

JavaScript基础教程

Javascript 基础教程

javascript基础教程

JavaScript 基础教程

javascript 基础教程

JAVASCRIPT基础教程

javaScript基础教程

最新资源