1. 前言

上一篇，给大家聊了很多关于JS的事情，大家想必已经迫不及待，想知道如何在网页中使用JS。

本篇就来介绍下。

2. 网页中使用JS

还记得如何在网页中使用CSS么，可以这样：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><style>body {background-color: grey;color: white;}</style>
</head>
<body>你好
</body>
</html>

我们通过在头部，放置了<style>标签，然后就可以在<style>标签中编写CSS代码了。

差不多的是，我们可以通过在头部，放置<script>标签，来编写JS代码，如下：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><style>body {background-color: grey;color: white;}</style><script>alert(1);</script>
</head>
<body>你好
</body>
</html>

<script>和</script>中间，就是我们编写的js代码了。alert(1);这句代码的意思是在网页上显示一个弹窗，弹窗的内容是1。所以上面代码效果如下：

我们的JS已经在网页中成功运行了！

3. 小结

本篇只要掌握，可以通过script标签，在网页中引入JS代码就OK了，至于JS代码如何编写，这是我们以后需要学习的内容。

零基础JavaScript入门教程(2)–在网页中使用JS相关推荐

零基础JavaScript入门教程(1)–走进JavaScript的世界
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. JS的历史 3. JS的地位 4. JS与HTML.CSS的区别 5. JS是真正的编程语言 6. JS的组成部分 7. 小结 1. 前 ...
零基础JavaScript入门教程(8)–JS之输出语句
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. 弹窗输出 3. 网页内容输出 4. 控制台输出 5. 小结 1. 前言之前我们只讲过一个JS语句:alert,用于弹窗显示信息.一般这 ...
零基础JavaScript入门教程(6)–JS之使用开发者工具
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. 打开开发者工具 3. 小结 1. 前言在上一篇中,我们曾经演示过一个错误实例: <!DOCTYPE html> <h ...
零基础JavaScript入门教程(37)-揭开JS对象的面纱
点此查看所有教程.项目.源码导航本文目录 1. 背景 2. 怎么设计JS的对象 3. 揭开JS对象的面纱 4. 小结 1. 背景之前我们讲了,JS对象其实是现实社会中事物的镜像,它可以表达.描述 ...
零基础CSS入门教程(1)–初识CSS
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. HTML与CSS区别 3. CSS有哪些功能 4. 如何学习CSS 1. 前言学习CSS是离不开HTML的,HTML是CSS的基础,如 ...
零基础Bootstrap入门教程(0)--教程背景与目录
点此查看所有教程.项目.源码导航本文目录 1. 背景 2. 教程目录 3. 源码下载 1. 背景在学习完成HTML/CSS/JS/jQuery零基础入门教程后,自然而然我们要进入Bootstra ...
零基础JavaScript入门（第三天）
一.JavaScript 流程控制-循环 1.循环循环目的 :实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 JS 中的循环在Js 中,主要有三种类型的循 ...
零基础SSM入门教程(0)--教程背景与目录
点此查看零基础JavaWeb全栈文章目录及源码下载 1. 背景本教程的出发点是写一个比较条理,比较全面的SSM系列教程,首先造福自己.理顺自己的知识体系,然后也造福大众,因为网上现存的资源相对比较 ...
取得数组下标_《零基础C++入门教程》——（8）搞定二维数组与循环嵌套
一.学习目标了解二维数组的使用方法了解循环嵌套的使用方法目录预备第一篇,使用软件介绍在这一篇,C++与C使用的软件是一样的,查看这篇即可:<零基础看得懂的C语言入门教程>--(二) ...

零基础JavaScript入门教程(2)–在网页中使用JS

本文目录

1. 前言

2. 网页中使用JS

3. 小结

零基础JavaScript入门教程(2)–在网页中使用JS相关推荐

最新文章

热门文章