JavaScript入门：在网页中插入和使用JS代码
需积分: 1 191 浏览量
更新于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>
<!-- 对不支持JavaScript的浏览器隐藏代码 -->
<script type="text/javascript">
document.write("我是菜鸟我怕谁!");
</script>
<!-- 结束隐藏 -->
</body>
</html>
```
在上面的例子中，`<!--` 和 `-->` 之间的内容对不支持JavaScript的浏览器来说被视为注释，因此会被忽略。而支持JavaScript的浏览器则会执行这段代码。
JavaScript的插入位置会影响其执行时间。如果将`<script>`标签放置在`<head>`标签内，代码会在HTML文档被解析时执行。然而，如果放置在`<body>`标签内，代码会等到对应的HTML元素被解析到时才执行。例如：
```html
<html>
<head>
<!-- 这里的脚本会在HTML文档加载时执行 -->
<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将成为你强大的工具，帮助你实现各种网页动态效果和用户交互。
<script type="text/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页未读，继续阅读
270 浏览量
2018-06-05 上传
2010-10-24 上传
2023-11-22 上传
2023-09-01 上传
2023-05-15 上传
2024-11-11 上传
2024-11-11 上传
2023-07-08 上传
