【JavaScript学习笔记一】基础了解和用法

最新推荐文章于 2024-03-11 11:11:28 发布

思索与猫

最新推荐文章于 2024-03-11 11:11:28 发布

阅读量198

点赞数

分类专栏： JavaScript学习文章标签： JavaScript学习

本文链接：https://blog.csdn.net/qq_28997735/article/details/100047953

版权

JavaScript学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一.JavaScript简介

是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

二.用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。扩展名为.js。
外部 javascript 文件不使用 <script> 标签，直接写 javascript 代码。
外部脚本不能包含 <script> 标签。

实例：

第一种方法：放入内部

第一个JS.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		 <script>					/*你也可以直接放在body标签里*/
			document.write("<h1>这是一个标题</h1>")
		 </script>
		<title>第一个JS</title>
	</head>
	<body>
		 <p>这是一个段落</p>
	</body>
</html>

第二种方法：外部文件

第一个JS.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		 <script src = "FirstJavaScript.js">			
		 </script>
		<title>第一个JS</title>
	</head>
	<body>
		 <p>这是一个段落</p>
	</body>
</html>

FirstJavaScript.js

document.write("<h1>这是一个标题</h1>")

结果：

在这里插入图片描述

三.浏览器调试

如果浏览器支持的话，按下F12浏览器启动调试。

控制台（火狐）：

在这里插入图片描述

思索与猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript学习笔记一】基础了解和用法

一.JavaScript简介是一种解释性脚本语言（代码不进行预编译）。主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。二.用法HTML 中的脚本必须位于 <sc...
复制链接

扫一扫