un9.2:JavaScript基础用法。

最新推荐文章于 2024-07-18 16:56:44 发布

小格子衬衫

最新推荐文章于 2024-07-18 16:56:44 发布

阅读量292

点赞数

分类专栏： JavaScript 文章标签： docker redis linux

本文链接：https://blog.csdn.net/m0_64818669/article/details/126075183

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript简称js，是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备，而且简单易学，跟着小编一起做吧。

一、JavaScript用法规范。

1、HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

2、Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。

二、JavaScript标签。

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

三、<body> 中的 JavaScript。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript基础(runoob.com)</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>

四、JavaScript 函数和事件，示例如下。

1、head中的JavaScript函数。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>JavaScript基础(runoob.com)</title> 
<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>

2、body中的JavaScript函数。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript基础(runoob.com)</title> 
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
	
</body>
</html>

五、外部的 JavaScript，外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript基础(runoob.com)</title> 
</head>
<body>
	
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
	
</body>
</html>

六、你可以将脚本放置于 <head> 或者 <body>中，放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。

myScript.js 文件代码如下：

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

这便是关于JavaScript最基础的知识了，后续也会更新，同志们冲呀！！！

小格子衬衫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
un9.2:JavaScript基础用法。

JavaScript简称js，是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备，而且简单易学，跟着小编一起做起来吧。
复制链接

扫一扫