JavaScript学习（一）——在HTML中使用JavaScript

最新推荐文章于 2024-01-18 19:00:14 发布

秃头的毛睿

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量281

点赞数

本文链接：https://blog.csdn.net/weixin_45927758/article/details/107417733

版权

1.<script>标签内部可以写js的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--JS代码可以写在script标签中-->
    <script type="text/javascript">
    /*
    控制浏览器弹出一个警告
    */
   alert("Hellow World!");
   /*
   让计算机在页面中输出一个内容，向body中写入一些内容
   */
   document.write("第一次写网页有点激动");
   /*
   向控制台输出一个内容
   */
   console.log("我是控制台");
    </script>
</head>
<body>
</body>
</html>

2.js代码写在标签属性中也是可行的，但是十分不方便维护，是一种应当被抛弃的写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--JS代码写在标签中也可以，但是十分不方便维护-->
    <button onclick="alert('你好骚啊！');">你怎么穿着品如的衣服？</button>
    <a href="javascript:alert('98年的，我玩不过她！！')">你们过的有我好吗？</a>
</body>
</html>

3.<script>标签引导外部的js代码，这种写法是最好的写法，但是如果一个<script>标签已经作为引导外部js代码的标签了，那么就不能再用作写js代码了，如果想写在标签内部就必须重新写一个<script>标签。

alert("外部的js代码执行了就不会去执行标签内部的代码了");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--JS代码可以写在script标签中
    也可以将js代码写到外部js文档中，然后通过script标签引入
    写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制-->
    <script type="text/javascript" src="D:\JavaScript\firstUseJs.js"></script>
</head>
<body>
</body>
</html>

总的实验代码

JS：

alert("外部的js代码执行了就不会去执行标签内部的代码了");

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--JS代码可以写在script标签中
    也可以将js代码写到外部js文档中，然后通过script标签引入
    写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制-->
    <script type="text/javascript" src="D:\JavaScript\firstUseJs.js"></script>
    <script type="text/javascript">
    /*
    控制浏览器弹出一个警告
    */
   alert("Hellow World!");
   /*
   让计算机在页面中输出一个内容，向body中写入一些内容
   */
   document.write("第一次写网页有点激动");
   /*
   向控制台输出一个内容
   */
   console.log("我是控制台");
    </script>
</head>
<body>
    <!--JS代码写在标签中也可以，但是十分不方便维护-->
    <button onclick="alert('你好骚啊！');">你怎么穿着品如的衣服？</button>
    <a href="javascript:alert('98年的，我玩不过她！！')">你们过的有我好吗？</a>
</body>
</html>

秃头的毛睿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习（一）——在HTML中使用JavaScript

1.<script>标签内部可以写js的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!--JS
复制链接

扫一扫