JavaScript用法 script标签

最新推荐文章于 2023-02-17 21:57:32 发布

写代码的资资

最新推荐文章于 2023-02-17 21:57:32 发布

阅读量396

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript Script标签 web入门前端 HTML

本文链接：https://blog.csdn.net/weixin_43118073/article/details/95592646

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript实例

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" >
<title>我的第一个网页</title>
</head>

<body>
<p>JavaScript 能够直接写入HTML输出流中:</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>

<p>
只能在HTML的输出流中使用<strong>document.write</strong>,如果您在文档已经加载以后使用它（比如在函数中），会覆盖整个文档
</p>

</body>
</html>

在这里插入图片描述

1、JavaScript用法

①script标签

如果在HTML页面中插入JavaScript，请使用script>标签，
script>/script>会告诉Javascript在哪里开始和结束

②在或者中的Javascript

可以在HTML文档中放入不限量的脚本。
脚本可以位于HTML的或部分中，或者同时存在于两个部分中。
通常的做法是把函数放入部分中，或者放在页面底部，这样就可以把他们安置在同一个位置，不会干扰页面的内容

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="我的第一个JavaScript函数";
}
</script>
</head>

<body>
<h1>我的Web页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

注意：onclick = 函数名（）

在这里插入图片描述

③外部的Javascript

把脚本保存到外部文件中。外部文件通常包含多个网页使用的代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用外部的Javascript</title>
</head>

<body>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction">
点击这里
</button>
<p>
<b>注释:</b>
myFunction保存在名为"myScript.js"的外部文件中
</p>
<script src="myScript.js"></script>
</body>
</html>

myScript.js文件如下

function myFunction()
{
	document.getElementById("demo").innerHTML="我的第一个Javascript函数。";
}

注意：外部脚本不能包含script标签

在这里插入图片描述

写代码的资资

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JavaScript用法 script标签

JavaScript实例<!DOCTYPE html><html><head><meta charset="utf-8" ><title>我的第一个网页</title></head><body><p>JavaScript 能够直接写入HTML输出流中:</p>...
复制链接

扫一扫