关于JavaScript语句

最新推荐文章于 2024-07-30 17:09:59 发布

momo不会IT

最新推荐文章于 2024-07-30 17:09:59 发布

阅读量196

点赞数 7

文章标签： javascript html5 html

本文链接：https://blog.csdn.net/qq231062/article/details/120677639

版权

1.内嵌式

在HTML中，我们以前写样式通常会添加<style></style>在里面写CSS的内容来进行展现。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
</head>
<body>
    
</body>
</html>

在JavaScript中我们若要弹出对话框则只需要输入<script> <alert>('') </script>即可（script为脚本的意思），就譬如以下的代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
    <script>
        alert('这是内嵌式');
    </script>
</head>
<body>
    
</body>
</html>

2.行列式

在JavaScript中行列式是直接写到元素的内部的，我们也可以理解为写在文本的内容。

比如我们想弄一个登陆的按钮我们可以这样来实现。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="登陆" 
     onclick="alert('这不是真正的登陆')">
</body>
</html>

3.基本输出语句

基本的输出语句与内嵌式差不多，只不过是内嵌式是写在文件的头部中，而这是写在文件的文本中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
          alert('大家好，这是基本的输出语句');
    </script>
</body>
</html>

4.外部JavaScript双标签

这个输出语句有点像HTML引用CSS的文件一样。我们首先创建一个js的文件

alert('这是外部js双标签')
//在另起js文件中在末尾不需要加上 ；

在HTML文件的头部通过src进行引用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
    <script src="外部js双标签.js"></script>
</head>
<body>
    
</body>
</html>

momo不会IT

关注

7
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于JavaScript语句

1.内嵌式在HTML中，我们以前写样式通常会添加<style></style>在里面写CSS的内容来进行展现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
复制链接

扫一扫